{"id":10892,"date":"2025-09-24T19:59:15","date_gmt":"2025-09-24T17:59:15","guid":{"rendered":"https:\/\/ftmotorbike.com\/?page_id=10892"},"modified":"2026-10-23T19:50:31","modified_gmt":"2026-10-23T17:50:31","slug":"ft-english","status":"publish","type":"page","link":"https:\/\/ftmotorbike.com\/index.php\/ft-english\/","title":{"rendered":"F&amp;T English."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10892\" class=\"elementor elementor-10892\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea05c91 e-con-full e-flex e-con e-parent\" data-id=\"ea05c91\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;full&quot;,&quot;shape_divider_bottom&quot;:&quot;mountains&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8cf9a60 elementor-widget elementor-widget-html\" data-id=\"8cf9a60\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- ======================================================\n F&T MOTORBIKE \u2014 PREMIUM HEADER V3\n Announcement Bar + Pastel Navigation + Smart CTA\n ENGLISH ONLY \u2014 Responsive \u2014 Elementor HTML Widget\n====================================================== -->\n\n<header id=\"ft-premium-header\" class=\"fth3\" lang=\"en\">\n\n  <!-- ANNOUNCEMENT BAR -->\n  <div class=\"fth3-announcement\">\n    <div class=\"fth3-announcement-inner\">\n\n      <div class=\"fth3-announcement-label\">\n        <span class=\"fth3-status-dot\"><\/span>\n        <span>PATONG \u00b7 PHUKET<\/span>\n      <\/div>\n\n      <div class=\"fth3-announcement-slider\" aria-live=\"off\">\n        <div class=\"fth3-announcement-track\">\n          <div class=\"fth3-announcement-item is-visible\">\n            <span class=\"fth3-announcement-icon\">\u2726<\/span>\n            <span>Explore Phuket your way<\/span>\n          <\/div>\n          <div class=\"fth3-announcement-item\">\n            <span class=\"fth3-announcement-icon\">\u25f7<\/span>\n            <span>Open daily \u00b7 09:00\u201321:00<\/span>\n          <\/div>\n          <div class=\"fth3-announcement-item\">\n            <span class=\"fth3-announcement-icon\">\u2605<\/span>\n            <span>Over 1,000 Google reviews \u00b7 4.9\/5<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <a class=\"fth3-announcement-link\"\n         href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=7.8859269%2C98.297463\"\n         target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>Find us<\/span>\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <!-- MAIN HEADER -->\n  <div class=\"fth3-main\">\n    <div class=\"fth3-container fth3-main-inner\">\n\n      <a class=\"fth3-logo\"\n         href=\"https:\/\/ftmotorbike.com\/index.php\/ft-english\/\"\n         aria-label=\"F&T Motorbike \u2014 English homepage\">\n        <img\n          src=\"https:\/\/ftmotorbike.com\/wp-content\/uploads\/2024\/02\/Design-sans-titre.png\"\n          alt=\"F&T Motorbike\"\n          loading=\"eager\"\n          decoding=\"async\">\n      <\/a>\n\n      <nav class=\"fth3-nav\" aria-label=\"Main navigation\">\n        <a href=\"#hero\" data-section=\"hero\">Home<\/a>\n        <a href=\"#scooters\" data-section=\"scooters\">Our fleet<\/a>\n        <a href=\"#why-ft\" data-section=\"why-ft\">Why F&T<\/a>\n        <a href=\"#ft-video\" data-section=\"ft-video\">Discover<\/a>\n        <a href=\"#faq\" data-section=\"faq\">FAQ<\/a>\n      <\/nav>\n\n      <div class=\"fth3-actions\">\n\n        <!-- LANGUAGE SELECTOR -->\n        <div class=\"fth3-language\">\n          <button type=\"button\"\n                  class=\"fth3-lang-toggle\"\n                  aria-expanded=\"false\"\n                  aria-haspopup=\"true\"\n                  aria-controls=\"fth3-lang-menu\"\n                  aria-label=\"Choose website language\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n              <path d=\"M3 12h18M12 3c-3 3-4 6-4 9s1 6 4 9M12 3c3 3 4 6 4 9s-1 6-4 9\"\/>\n            <\/svg>\n            <span class=\"fth3-current-lang\">EN<\/span>\n            <span class=\"fth3-lang-arrow\">\u2304<\/span>\n          <\/button>\n\n          <div class=\"fth3-lang-menu\" id=\"fth3-lang-menu\" hidden>\n            <a data-lang=\"fr\" href=\"https:\/\/ftmotorbike.com\/\">\n              <span>\ud83c\uddeb\ud83c\uddf7<\/span> Fran\u00e7ais <small>FR<\/small>\n            <\/a>\n            <a data-lang=\"en\" class=\"is-current\"\n               href=\"https:\/\/ftmotorbike.com\/index.php\/ft-english\/\"\n               aria-current=\"page\">\n              <span>\ud83c\uddec\ud83c\udde7<\/span> English <small>EN<\/small>\n            <\/a>\n            <a data-lang=\"ru\" href=\"https:\/\/ftmotorbike.com\/index.php\/ft-russe\/\">\n              <span>\ud83c\uddf7\ud83c\uddfa<\/span> \u0420\u0443\u0441\u0441\u043a\u0438\u0439 <small>RU<\/small>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- DESKTOP CTA -->\n        <a class=\"fth3-cta\" data-whatsapp\n           href=\"https:\/\/wa.me\/66656522579\"\n           target=\"_blank\" rel=\"noopener noreferrer\">\n          <span class=\"fth3-cta-pulse\"><\/span>\n          <span>Book a scooter<\/span>\n          <span class=\"fth3-cta-arrow\">\u2197<\/span>\n        <\/a>\n\n        <!-- MOBILE BURGER -->\n        <button type=\"button\"\n                class=\"fth3-burger\"\n                aria-label=\"Open menu\"\n                aria-expanded=\"false\"\n                aria-controls=\"fth3-mobile\">\n          <span><\/span>\n          <span><\/span>\n        <\/button>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MOBILE PANEL -->\n  <div class=\"fth3-mobile\" id=\"fth3-mobile\" hidden>\n    <div class=\"fth3-mobile-inner\">\n\n      <div class=\"fth3-mobile-top\">\n        <span>EXPLORE F&T<\/span>\n        <span class=\"fth3-mobile-location\">PATONG, PHUKET<\/span>\n      <\/div>\n\n      <nav class=\"fth3-mobile-nav\" aria-label=\"Mobile navigation\">\n        <a href=\"#hero\" data-section=\"hero\">\n          <span class=\"fth3-mobile-num\">01<\/span>\n          <span>Home<\/span>\n          <span class=\"fth3-mobile-arrow\">\u2197<\/span>\n        <\/a>\n        <a href=\"#scooters\" data-section=\"scooters\">\n          <span class=\"fth3-mobile-num\">02<\/span>\n          <span>Our fleet<\/span>\n          <span class=\"fth3-mobile-arrow\">\u2197<\/span>\n        <\/a>\n        <a href=\"#why-ft\" data-section=\"why-ft\">\n          <span class=\"fth3-mobile-num\">03<\/span>\n          <span>Why F&T<\/span>\n          <span class=\"fth3-mobile-arrow\">\u2197<\/span>\n        <\/a>\n        <a href=\"#ft-video\" data-section=\"ft-video\">\n          <span class=\"fth3-mobile-num\">04<\/span>\n          <span>Discover<\/span>\n          <span class=\"fth3-mobile-arrow\">\u2197<\/span>\n        <\/a>\n        <a href=\"#faq\" data-section=\"faq\">\n          <span class=\"fth3-mobile-num\">05<\/span>\n          <span>FAQ<\/span>\n          <span class=\"fth3-mobile-arrow\">\u2197<\/span>\n        <\/a>\n      <\/nav>\n\n      <div class=\"fth3-mobile-languages\">\n        <span>WEBSITE LANGUAGE<\/span>\n        <div class=\"fth3-mobile-lang-grid\">\n          <a data-lang=\"fr\" href=\"https:\/\/ftmotorbike.com\/\">\ud83c\uddeb\ud83c\uddf7 FR<\/a>\n          <a data-lang=\"en\" class=\"is-current\"\n             href=\"https:\/\/ftmotorbike.com\/index.php\/ft-english\/\"\n             aria-current=\"page\">\ud83c\uddec\ud83c\udde7 EN<\/a>\n          <a data-lang=\"ru\" href=\"https:\/\/ftmotorbike.com\/index.php\/ft-russe\/\">\ud83c\uddf7\ud83c\uddfa RU<\/a>\n        <\/div>\n      <\/div>\n\n      <a class=\"fth3-mobile-cta\"\n         data-whatsapp\n         href=\"https:\/\/wa.me\/66656522579\"\n         target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>Book a scooter<\/span>\n        <span>\u2197<\/span>\n      <\/a>\n\n      <div class=\"fth3-mobile-bottom\">\n        <span>Every day \u00b7 09:00\u201321:00<\/span>\n        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=7.8859269%2C98.297463\"\n           target=\"_blank\" rel=\"noopener noreferrer\">Find us<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/header>\n\n<style>\n\/* ======================================================\n   F&T MOTORBIKE HEADER V3 \u2014 DESIGN SYSTEM\n====================================================== *\/\n\n#ft-premium-header.fth3 {\n  --fth3-bg:#f5f6f8;\n  --fth3-ann:#eef1f5;\n  --fth3-ink:#182230;\n  --fth3-muted:#7a8595;\n  --fth3-blue:#1648ff;\n  --fth3-line:#e2e6ec;\n\n  position:relative;\n  z-index:99999;\n  width:100%;\n  background:var(--fth3-bg);\n  color:var(--fth3-ink);\n  font-family:Inter,Arial,Helvetica,sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n\n#ft-premium-header.fth3,\n#ft-premium-header.fth3 * {\n  box-sizing:border-box;\n}\n\n#ft-premium-header.fth3 [hidden] {\n  display:none!important;\n}\n\n#ft-premium-header.fth3 a {\n  text-decoration:none!important;\n}\n\n#ft-premium-header.fth3 button {\n  font-family:inherit;\n  cursor:pointer;\n}\n\n#ft-premium-header.fth3 .fth3-container {\n  width:min(1400px,100%);\n  margin:auto;\n  padding:0 30px;\n}\n\n\/* ANNOUNCEMENT BAR *\/\n\n#ft-premium-header.fth3 .fth3-announcement {\n  height:39px;\n  background:var(--fth3-ann);\n  border-bottom:1px solid #e6e9ef;\n}\n\n#ft-premium-header.fth3 .fth3-announcement-inner {\n  display:grid;\n  grid-template-columns:1fr 2fr 1fr;\n  align-items:center;\n  gap:18px;\n  height:100%;\n  max-width:1400px;\n  margin:auto;\n  padding:0 30px;\n}\n\n#ft-premium-header.fth3 .fth3-announcement-label {\n  display:flex;\n  align-items:center;\n  gap:9px;\n  white-space:nowrap;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.1px;\n  color:#667384;\n}\n\n#ft-premium-header.fth3 .fth3-status-dot {\n  position:relative;\n  width:6px;\n  height:6px;\n  flex-shrink:0;\n  background:#32bd89;\n  border-radius:50%;\n}\n\n#ft-premium-header.fth3 .fth3-status-dot::after {\n  content:\"\";\n  position:absolute;\n  inset:-4px;\n  border:1px solid rgba(50,189,137,.3);\n  border-radius:50%;\n  animation:fth3Pulse 2.8s ease-out infinite;\n}\n\n@keyframes fth3Pulse {\n  0%,100%{transform:scale(.7);opacity:.7}\n  50%{transform:scale(1.25);opacity:.15}\n}\n\n#ft-premium-header.fth3 .fth3-announcement-slider {\n  position:relative;\n  height:100%;\n  overflow:hidden;\n}\n\n#ft-premium-header.fth3 .fth3-announcement-track {\n  position:relative;\n  width:100%;\n  height:100%;\n}\n\n#ft-premium-header.fth3 .fth3-announcement-item {\n  position:absolute;\n  inset:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n  opacity:0;\n  transform:translateY(9px);\n  transition:opacity .45s ease,transform .45s ease;\n  pointer-events:none;\n  text-align:center;\n  color:#4d5b6d;\n  font-size:11px;\n  font-weight:650;\n  letter-spacing:.05px;\n}\n\n#ft-premium-header.fth3 .fth3-announcement-item.is-visible {\n  opacity:1;\n  transform:translateY(0);\n}\n\n#ft-premium-header.fth3 .fth3-announcement-icon {\n  color:var(--fth3-blue);\n  font-size:13px;\n}\n\n#ft-premium-header.fth3 .fth3-announcement-link {\n  display:flex;\n  justify-content:flex-end;\n  align-items:center;\n  gap:9px;\n  color:#536175;\n  font-size:11px;\n  font-weight:750;\n  white-space:nowrap;\n}\n\n#ft-premium-header.fth3 .fth3-announcement-link:hover {\n  color:var(--fth3-blue);\n}\n\n#ft-premium-header.fth3 .fth3-announcement-link span:last-child {\n  color:var(--fth3-blue);\n  font-size:15px;\n}\n\n\/* MAIN NAVIGATION *\/\n\n#ft-premium-header.fth3 .fth3-main {\n  position:relative;\n  height:83px;\n  background:rgba(245,246,248,.96);\n  border-bottom:1px solid var(--fth3-line);\n  transition:background .3s,box-shadow .3s;\n}\n\n#ft-premium-header.fth3.is-scrolled .fth3-main {\n  background:rgba(245,246,248,.92);\n  box-shadow:0 9px 30px rgba(23,37,60,.06);\n  backdrop-filter:blur(16px);\n  -webkit-backdrop-filter:blur(16px);\n}\n\n#ft-premium-header.fth3 .fth3-main-inner {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  height:100%;\n}\n\n\/* LOGO *\/\n\n#ft-premium-header.fth3 .fth3-logo {\n  display:flex;\n  align-items:center;\n  flex:0 0 176px;\n  min-width:0;\n}\n\n#ft-premium-header.fth3 .fth3-logo img {\n  display:block!important;\n  width:175px!important;\n  height:70px!important;\n  max-width:100%!important;\n  object-fit:contain!important;\n  object-position:left center!important;\n  border:0!important;\n  border-radius:0!important;\n  box-shadow:none!important;\n  margin:0!important;\n  padding:0!important;\n  transition:transform .3s ease;\n}\n\n#ft-premium-header.fth3 .fth3-logo:hover img {\n  transform:scale(1.035);\n}\n\n\/* DESKTOP LINKS *\/\n\n#ft-premium-header.fth3 .fth3-nav {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  flex:1;\n  gap:clamp(12px,1.65vw,27px);\n}\n\n#ft-premium-header.fth3 .fth3-nav a {\n  position:relative;\n  display:flex;\n  align-items:center;\n  min-height:45px;\n  color:#657184;\n  font-size:12px;\n  font-weight:700;\n  white-space:nowrap;\n  transition:color .25s;\n}\n\n#ft-premium-header.fth3 .fth3-nav a::after {\n  content:\"\";\n  position:absolute;\n  bottom:6px;\n  left:0;\n  width:100%;\n  height:2px;\n  border-radius:2px;\n  background:var(--fth3-blue);\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .3s cubic-bezier(.2,.7,.2,1);\n}\n\n#ft-premium-header.fth3 .fth3-nav a:hover,\n#ft-premium-header.fth3 .fth3-nav a.is-active {\n  color:var(--fth3-ink);\n}\n\n#ft-premium-header.fth3 .fth3-nav a:hover::after,\n#ft-premium-header.fth3 .fth3-nav a.is-active::after {\n  transform:scaleX(1);\n}\n\n\/* ACTIONS *\/\n\n#ft-premium-header.fth3 .fth3-actions {\n  display:flex;\n  align-items:center;\n  gap:11px;\n  flex-shrink:0;\n}\n\n\/* LANGUAGE *\/\n\n#ft-premium-header.fth3 .fth3-language {\n  position:relative;\n}\n\n#ft-premium-header.fth3 .fth3-lang-toggle {\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:7px;\n  height:43px;\n  padding:0 12px;\n  background:#fff;\n  border:1px solid #e2e6ec;\n  border-radius:9px;\n  color:var(--fth3-ink);\n  font-size:12px;\n  font-weight:800;\n  transition:border-color .2s,box-shadow .2s;\n}\n\n#ft-premium-header.fth3 .fth3-lang-toggle:hover {\n  border-color:#bcc7d7;\n  box-shadow:0 3px 12px rgba(20,35,60,.04);\n}\n\n#ft-premium-header.fth3 .fth3-lang-toggle svg {\n  width:17px;\n  height:17px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.65;\n  stroke-linecap:round;\n}\n\n#ft-premium-header.fth3 .fth3-lang-arrow {\n  color:#9ca6b5;\n  font-size:17px;\n  line-height:1;\n  transition:transform .25s;\n}\n\n#ft-premium-header.fth3 .fth3-lang-toggle[aria-expanded=\"true\"] .fth3-lang-arrow {\n  transform:rotate(180deg);\n}\n\n#ft-premium-header.fth3 .fth3-lang-menu {\n  position:absolute;\n  top:calc(100% + 9px);\n  right:0;\n  z-index:50;\n  width:190px;\n  padding:7px;\n  background:#fff;\n  border:1px solid #e5e9ef;\n  border-radius:11px;\n  box-shadow:0 18px 50px rgba(15,28,50,.13);\n  animation:fth3Drop .22s ease both;\n}\n\n@keyframes fth3Drop {\n  from{opacity:0;transform:translateY(-6px)}\n  to{opacity:1;transform:translateY(0)}\n}\n\n#ft-premium-header.fth3 .fth3-lang-menu a {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding:12px;\n  border-radius:7px;\n  color:var(--fth3-ink);\n  font-size:12px;\n  font-weight:700;\n}\n\n#ft-premium-header.fth3 .fth3-lang-menu a:hover,\n#ft-premium-header.fth3 .fth3-lang-menu a.is-current {\n  background:#f0f3ff;\n  color:var(--fth3-blue);\n}\n\n#ft-premium-header.fth3 .fth3-lang-menu small {\n  margin-left:auto;\n  color:#9aa5b4;\n  font-size:10px;\n}\n\n\/* PRIMARY CTA *\/\n\n#ft-premium-header.fth3 .fth3-cta {\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:11px;\n  height:45px;\n  padding:0 16px;\n  border-radius:9px;\n  background:var(--fth3-blue);\n  color:#fff!important;\n  font-size:12px;\n  font-weight:800;\n  white-space:nowrap;\n  overflow:hidden;\n  transition:transform .25s,background .25s,box-shadow .25s;\n}\n\n#ft-premium-header.fth3 .fth3-cta::before {\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-80%;\n  width:50%;\n  height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);\n  transform:skewX(-20deg);\n  transition:left .55s ease;\n}\n\n#ft-premium-header.fth3 .fth3-cta:hover {\n  background:#1039d5;\n  transform:translateY(-2px);\n  box-shadow:0 8px 20px rgba(22,72,255,.2);\n}\n\n#ft-premium-header.fth3 .fth3-cta:hover::before {\n  left:140%;\n}\n\n#ft-premium-header.fth3 .fth3-cta-pulse {\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:#b8ffd7;\n  box-shadow:0 0 0 4px rgba(184,255,215,.14);\n}\n\n#ft-premium-header.fth3 .fth3-cta-arrow {\n  font-size:17px;\n  font-weight:400;\n  transition:transform .25s;\n}\n\n#ft-premium-header.fth3 .fth3-cta:hover .fth3-cta-arrow {\n  transform:translate(2px,-2px);\n}\n\n\/* BURGER *\/\n\n#ft-premium-header.fth3 .fth3-burger {\n  display:none;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n  gap:6px;\n  width:43px;\n  height:43px;\n  padding:0;\n  border:1px solid #e1e6ed;\n  border-radius:9px;\n  background:#fff;\n}\n\n#ft-premium-header.fth3 .fth3-burger span {\n  display:block;\n  width:19px;\n  height:2px;\n  border-radius:2px;\n  background:var(--fth3-ink);\n  transition:transform .3s;\n}\n\n#ft-premium-header.fth3 .fth3-burger[aria-expanded=\"true\"] span:first-child {\n  transform:translateY(4px) rotate(45deg);\n}\n\n#ft-premium-header.fth3 .fth3-burger[aria-expanded=\"true\"] span:last-child {\n  transform:translateY(-4px) rotate(-45deg);\n}\n\n\/* MOBILE PANEL *\/\n\n#ft-premium-header.fth3 .fth3-mobile {\n  position:absolute;\n  top:100%;\n  left:0;\n  right:0;\n  z-index:45;\n  max-height:calc(100dvh - 105px);\n  overflow-y:auto;\n  background:#f5f6f8;\n  border-bottom:1px solid #dfe4eb;\n  box-shadow:0 24px 45px rgba(18,30,50,.13);\n  animation:fth3Panel .3s cubic-bezier(.2,.8,.2,1) both;\n}\n\n@keyframes fth3Panel {\n  from{opacity:0;transform:translateY(-12px)}\n  to{opacity:1;transform:translateY(0)}\n}\n\n#ft-premium-header.fth3 .fth3-mobile-inner {\n  max-width:650px;\n  margin:auto;\n  padding:25px 24px 30px;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-top {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:10px;\n  padding-bottom:17px;\n  border-bottom:1px solid #e1e5eb;\n  color:#7b8797;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1.1px;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-location {\n  font-size:9px;\n  color:#a0aab8;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-nav {\n  display:flex;\n  flex-direction:column;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-nav a {\n  display:grid;\n  grid-template-columns:30px 1fr 25px;\n  align-items:center;\n  gap:9px;\n  min-height:65px;\n  border-bottom:1px solid #e4e8ee;\n  color:var(--fth3-ink);\n  font-size:20px;\n  font-weight:800;\n  letter-spacing:-.5px;\n  transition:padding .2s,color .2s;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-nav a:hover {\n  padding-left:5px;\n  color:var(--fth3-blue);\n}\n\n#ft-premium-header.fth3 .fth3-mobile-num {\n  align-self:center;\n  color:#9aa5b3;\n  font-size:10px;\n  font-weight:750;\n  letter-spacing:0;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-arrow {\n  justify-self:end;\n  color:#a6b0bf;\n  font-size:18px;\n  font-weight:400;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-languages {\n  margin-top:25px;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-languages>span {\n  display:block;\n  margin-bottom:11px;\n  color:#8b96a6;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1px;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-lang-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-lang-grid a {\n  display:grid;\n  place-items:center;\n  height:45px;\n  background:#fff;\n  border:1px solid #e2e6ec;\n  border-radius:8px;\n  color:var(--fth3-ink);\n  font-size:12px;\n  font-weight:800;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-lang-grid a.is-current {\n  border-color:var(--fth3-blue);\n  color:var(--fth3-blue);\n  background:#edf1ff;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-cta {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  margin-top:23px;\n  min-height:53px;\n  padding:0 18px;\n  border-radius:9px;\n  background:var(--fth3-blue);\n  color:#fff!important;\n  font-size:14px;\n  font-weight:800;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-cta span:last-child {\n  font-size:20px;\n  font-weight:400;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-bottom {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  margin-top:21px;\n  color:#8c97a6;\n  font-size:11px;\n}\n\n#ft-premium-header.fth3 .fth3-mobile-bottom a {\n  color:var(--fth3-blue);\n  font-weight:800;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:1160px) {\n  #ft-premium-header.fth3 .fth3-nav {\n    gap:13px;\n  }\n  #ft-premium-header.fth3 .fth3-logo {\n    flex-basis:155px;\n  }\n  #ft-premium-header.fth3 .fth3-logo img {\n    width:155px!important;\n  }\n}\n\n@media(max-width:1024px) {\n  #ft-premium-header.fth3 .fth3-nav {\n    display:none;\n  }\n  #ft-premium-header.fth3 .fth3-burger {\n    display:flex;\n  }\n  #ft-premium-header.fth3 .fth3-main {\n    height:75px;\n  }\n  #ft-premium-header.fth3 .fth3-logo {\n    flex-basis:175px;\n  }\n  #ft-premium-header.fth3 .fth3-logo img {\n    width:175px!important;\n  }\n}\n\n@media(max-width:650px) {\n  #ft-premium-header.fth3 .fth3-container {\n    padding:0 15px;\n  }\n  #ft-premium-header.fth3 .fth3-announcement {\n    height:34px;\n  }\n  #ft-premium-header.fth3 .fth3-announcement-inner {\n    display:flex;\n    justify-content:center;\n    padding:0 15px;\n  }\n  #ft-premium-header.fth3 .fth3-announcement-label,\n  #ft-premium-header.fth3 .fth3-announcement-link {\n    display:none;\n  }\n  #ft-premium-header.fth3 .fth3-announcement-slider {\n    width:100%;\n  }\n  #ft-premium-header.fth3 .fth3-announcement-item {\n    font-size:10px;\n    gap:7px;\n    white-space:nowrap;\n  }\n  #ft-premium-header.fth3 .fth3-main {\n    height:69px;\n  }\n  #ft-premium-header.fth3 .fth3-main-inner {\n    gap:8px;\n  }\n  #ft-premium-header.fth3 .fth3-logo {\n    flex:1 1 auto;\n    max-width:145px;\n    min-width:0;\n  }\n  #ft-premium-header.fth3 .fth3-logo img {\n    width:145px!important;\n    height:60px!important;\n  }\n  #ft-premium-header.fth3 .fth3-actions {\n    gap:8px;\n  }\n  #ft-premium-header.fth3 .fth3-cta {\n    display:none;\n  }\n  #ft-premium-header.fth3 .fth3-lang-toggle {\n    height:40px;\n    padding:0 9px;\n    gap:5px;\n  }\n  #ft-premium-header.fth3 .fth3-lang-toggle svg {\n    width:15px;\n    height:15px;\n  }\n  #ft-premium-header.fth3 .fth3-burger {\n    width:40px;\n    height:40px;\n  }\n  #ft-premium-header.fth3 .fth3-mobile {\n    max-height:calc(100dvh - 103px);\n  }\n}\n\n@media(max-width:380px) {\n  #ft-premium-header.fth3 .fth3-logo {\n    max-width:130px;\n  }\n  #ft-premium-header.fth3 .fth3-logo img {\n    width:130px!important;\n  }\n  #ft-premium-header.fth3 .fth3-lang-toggle {\n    padding:0 7px;\n  }\n  #ft-premium-header.fth3 .fth3-mobile-nav a {\n    min-height:58px;\n    font-size:18px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  #ft-premium-header.fth3 *,\n  #ft-premium-header.fth3 *::before,\n  #ft-premium-header.fth3 *::after {\n    animation:none!important;\n    transition:none!important;\n    scroll-behavior:auto!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const header=document.querySelector('#ft-premium-header.fth3');\n  if(!header||header.dataset.ready==='1')return;\n  header.dataset.ready='1';\n\n  const ENGLISH_URL='https:\/\/ftmotorbike.com\/index.php\/ft-english\/';\n\n  \/* LANGUAGE SELECTOR *\/\n\n  const langToggle=header.querySelector('.fth3-lang-toggle');\n  const langMenu=header.querySelector('.fth3-lang-menu');\n  const langWrap=header.querySelector('.fth3-language');\n\n  function closeLang(){\n    langMenu.hidden=true;\n    langToggle.setAttribute('aria-expanded','false');\n  }\n\n  langToggle.addEventListener('click',function(e){\n    e.stopPropagation();\n    const opening=langMenu.hidden;\n    langMenu.hidden=!opening;\n    langToggle.setAttribute('aria-expanded',String(opening));\n\n    if(opening)closeMobile();\n  });\n\n  \/* MOBILE MENU *\/\n\n  const burger=header.querySelector('.fth3-burger');\n  const mobile=header.querySelector('.fth3-mobile');\n\n  function closeMobile(){\n    mobile.hidden=true;\n    burger.setAttribute('aria-expanded','false');\n    burger.setAttribute('aria-label','Open menu');\n  }\n\n  function toggleMobile(){\n    const opening=mobile.hidden;\n    mobile.hidden=!opening;\n    burger.setAttribute('aria-expanded',String(opening));\n    burger.setAttribute('aria-label',opening?'Close menu':'Open menu');\n    closeLang();\n  }\n\n  burger.addEventListener('click',toggleMobile);\n\n  document.addEventListener('click',function(e){\n    if(!langWrap.contains(e.target))closeLang();\n    if(!header.contains(e.target))closeMobile();\n  });\n\n  document.addEventListener('keydown',function(e){\n    if(e.key==='Escape'){\n      closeLang();\n      closeMobile();\n    }\n  });\n\n  window.addEventListener('resize',function(){\n    if(window.innerWidth>1024)closeMobile();\n  });\n\n  \/* WHATSAPP \u2014 ENGLISH MESSAGE *\/\n\n  const message=\n    'Hello F&T Motorbike! I would like to rent a scooter or motorcycle in Phuket. Could you please share available models and prices?';\n\n  const whatsapp='https:\/\/wa.me\/66656522579?text='+\n    encodeURIComponent(message);\n\n  header.querySelectorAll('[data-whatsapp]').forEach(function(el){\n    el.href=whatsapp;\n  });\n\n  \/* NAVIGATION \u2014 CURRENT PAGE OR ENGLISH HOMEPAGE *\/\n\n  header.querySelectorAll('[data-section]').forEach(function(link){\n    const id=link.dataset.section;\n\n    link.href=document.getElementById(id)\n      ?'#'+id\n      :ENGLISH_URL+'#'+id;\n\n    link.addEventListener('click',function(){\n      closeMobile();\n      closeLang();\n    });\n  });\n\n  \/* ANNOUNCEMENT ROTATION *\/\n\n  const announcements=[\n    ...header.querySelectorAll('.fth3-announcement-item')\n  ];\n\n  let current=0;\n\n  const reducedMotion=window.matchMedia(\n    '(prefers-reduced-motion: reduce)'\n  ).matches;\n\n  if(!reducedMotion&&announcements.length>1){\n    window.setInterval(function(){\n      if(document.hidden)return;\n\n      announcements[current].classList.remove('is-visible');\n      current=(current+1)%announcements.length;\n      announcements[current].classList.add('is-visible');\n    },4300);\n  }\n\n  \/* ACTIVE SECTION INDICATOR *\/\n\n  const navLinks=[\n    ...header.querySelectorAll('.fth3-nav [data-section]')\n  ];\n\n  const sections=navLinks\n    .map(function(link){\n      return document.getElementById(link.dataset.section);\n    })\n    .filter(Boolean);\n\n  function updateActive(){\n    const threshold=window.innerHeight*.34;\n    let active=sections.length?sections[0].id:null;\n\n    sections.forEach(function(section){\n      if(section.getBoundingClientRect().top<=threshold){\n        active=section.id;\n      }\n    });\n\n    navLinks.forEach(function(link){\n      const isActive=link.dataset.section===active;\n      link.classList.toggle('is-active',isActive);\n\n      if(isActive){\n        link.setAttribute('aria-current','location');\n      }else{\n        link.removeAttribute('aria-current');\n      }\n    });\n  }\n\n  let ticking=false;\n\n  function onScroll(){\n    if(ticking)return;\n    ticking=true;\n\n    requestAnimationFrame(function(){\n      header.classList.toggle('is-scrolled',window.scrollY>20);\n      updateActive();\n      ticking=false;\n    });\n  }\n\n  window.addEventListener('scroll',onScroll,{passive:true});\n  window.addEventListener('resize',onScroll,{passive:true});\n\n  closeLang();\n  closeMobile();\n  onScroll();\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a329978 elementor-widget elementor-widget-html\" data-id=\"a329978\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- ==================================================\n F&T MOTORBIKE \u2014 HERO V5\n Minimal \/ Premium \/ Responsive \/ ENGLISH ONLY\n Elementor HTML Widget\n================================================== -->\n\n<section id=\"hero\" class=\"fth5\" lang=\"en\" aria-labelledby=\"fth5-title\">\n\n  <div class=\"fth5-inner\">\n\n    <div class=\"fth5-content\">\n\n      <div class=\"fth5-location\">\n        <span class=\"fth5-status\"><\/span>\n        <span>Patong, Phuket \u00b7 Thailand<\/span>\n      <\/div>\n\n      <h1 id=\"fth5-title\">\n        Explore Phuket<br>on two wheels.\n      <\/h1>\n\n      <p class=\"fth5-description\">\n        Rent your perfect scooter or motorcycle in Patong.\n        Easy booking, great rides and the freedom to explore.\n      <\/p>\n\n      <div class=\"fth5-actions\">\n\n        <a href=\"#scooters\" class=\"fth5-primary\">\n          <span>Explore our scooters<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14m-6-6 6 6-6 6\"\/>\n          <\/svg>\n        <\/a>\n\n        <a\n          id=\"fth5-whatsapp\"\n          class=\"fth5-secondary\"\n          href=\"https:\/\/wa.me\/66656522579\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <span>Book on WhatsApp<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 17 17 7M8 7h9v9\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n\n      <p class=\"fth5-note\">\n        Your Phuket adventure starts here.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"fth5-visual\">\n      <img fetchpriority=\"high\"\n        class=\"fth5-image\"\n        src=\"https:\/\/ftmotorbike.com\/wp-content\/uploads\/2026\/10\/Viree-en-scooter-sur-la-cote-de-Phuket.png\"\n        alt=\"Yamaha TMAX 560 riding along the coast of Phuket\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n        width=\"1536\"\n        height=\"1024\"\n      >\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* ==========================================\n   F&T HERO V5 \u2014 GLOBAL\n========================================== *\/\n\n#hero.fth5 {\n  --h5-blue: #1648ff;\n  --h5-dark: #151b26;\n  --h5-muted: #667180;\n\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background: #ffffff;\n  color: var(--h5-dark);\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  isolation: isolate;\n  scroll-margin-top: 90px;\n}\n\n#hero.fth5,\n#hero.fth5 * {\n  box-sizing: border-box;\n}\n\n#hero.fth5 .fth5-inner {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0, 46%) minmax(0, 54%);\n  align-items: center;\n  width: min(calc(100% - 64px), 1380px);\n  min-height: 625px;\n  margin: 0 auto;\n}\n\n\/* ==========================================\n   CONTENT\n========================================== *\/\n\n#hero.fth5 .fth5-content {\n  position: relative;\n  z-index: 3;\n  padding: 75px 0 85px;\n  animation: fth5-content-in .9s cubic-bezier(.2,.7,.2,1) both;\n}\n\n#hero.fth5 .fth5-location {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 28px;\n  color: #647080;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: .1px;\n}\n\n#hero.fth5 .fth5-status {\n  width: 7px;\n  height: 7px;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background: #27b47e;\n}\n\n\/* TITLE \u2014 FORCE OVERRIDE ELEMENTOR *\/\n\n#hero.fth5 h1#fth5-title {\n  max-width: 660px;\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: var(--h5-dark) !important;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  font-size: clamp(43px, 4.65vw, 69px) !important;\n  font-weight: 800 !important;\n  line-height: 1.075 !important;\n  letter-spacing: -.052em !important;\n\n  text-align: left !important;\n  text-transform: none !important;\n  font-style: normal !important;\n}\n\n#hero.fth5 .fth5-description {\n  max-width: 435px;\n  margin: 25px 0 0 !important;\n\n  color: var(--h5-muted) !important;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 400 !important;\n  line-height: 1.8 !important;\n  letter-spacing: 0 !important;\n}\n\n\/* ==========================================\n   BUTTONS\n========================================== *\/\n\n#hero.fth5 .fth5-actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 24px;\n  margin-top: 34px;\n}\n\n#hero.fth5 .fth5-primary,\n#hero.fth5 .fth5-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 15px;\n\n  min-height: 53px;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n\n  transition:\n    background .25s ease,\n    color .25s ease,\n    transform .25s ease;\n}\n\n#hero.fth5 .fth5-primary {\n  padding: 0 23px;\n  border: 1px solid var(--h5-blue);\n  border-radius: 7px;\n  background: var(--h5-blue);\n  color: #fff !important;\n}\n\n#hero.fth5 .fth5-primary:hover {\n  background: #0c36d8;\n  border-color: #0c36d8;\n  transform: translateY(-2px);\n}\n\n#hero.fth5 .fth5-secondary {\n  padding: 0;\n  border: 0;\n  background: transparent;\n  color: var(--h5-dark) !important;\n}\n\n#hero.fth5 .fth5-secondary:hover {\n  color: var(--h5-blue) !important;\n}\n\n#hero.fth5 .fth5-actions svg {\n  width: 17px;\n  height: 17px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform .25s ease;\n}\n\n#hero.fth5 .fth5-actions a:hover svg {\n  transform: translateX(3px);\n}\n\n#hero.fth5 .fth5-note {\n  margin: 25px 0 0 !important;\n  color: #939ca8 !important;\n  font-size: 12px !important;\n  font-weight: 500 !important;\n}\n\n\/* ==========================================\n   IMAGE \u2014 NO FRAME \/ NO BACKGROUND\n========================================== *\/\n\n#hero.fth5 .fth5-visual {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 625px;\n  min-width: 0;\n  pointer-events: none;\n}\n\n#hero.fth5 .fth5-image {\n  display: block !important;\n  width: 118% !important;\n  height: auto !important;\n  max-width: none !important;\n  max-height: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n\n  object-fit: contain !important;\n\n  transform: translate(3%, 2%);\n  filter: drop-shadow(0 20px 28px rgba(20,30,45,.07));\n\n  animation: fth5-image-in 1.15s cubic-bezier(.16,1,.3,1) both;\n  will-change: transform;\n}\n\n\/* ==========================================\n   ANIMATIONS\n========================================== *\/\n\n@keyframes fth5-content-in {\n  from {\n    opacity: 0;\n    transform: translateY(22px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fth5-image-in {\n  from {\n    opacity: 0;\n    transform: translate(8%, 5%) scale(.95);\n  }\n  to {\n    opacity: 1;\n    transform: translate(3%, 2%) scale(1);\n  }\n}\n\n\/* ==========================================\n   TABLET\n========================================== *\/\n\n@media (max-width: 1100px) {\n  #hero.fth5 .fth5-inner {\n    grid-template-columns: minmax(0, 48%) minmax(0, 52%);\n    min-height: 530px;\n  }\n\n  #hero.fth5 .fth5-visual {\n    height: 530px;\n  }\n\n  #hero.fth5 h1#fth5-title {\n    font-size: clamp(40px, 4.8vw, 56px) !important;\n  }\n\n  #hero.fth5 .fth5-image {\n    width: 125% !important;\n  }\n\n  #hero.fth5 .fth5-actions {\n    gap: 17px;\n  }\n}\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media (max-width: 767px) {\n  #hero.fth5 .fth5-inner {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n\n    width: calc(100% - 32px);\n    min-height: 0;\n  }\n\n  #hero.fth5 .fth5-content {\n    padding: 48px 0 0;\n  }\n\n  #hero.fth5 .fth5-location {\n    margin-bottom: 20px;\n    font-size: 11px;\n  }\n\n  #hero.fth5 h1#fth5-title {\n    max-width: 520px;\n    font-size: clamp(37px, 9.5vw, 53px) !important;\n    line-height: 1.09 !important;\n    letter-spacing: -.047em !important;\n  }\n\n  #hero.fth5 .fth5-description {\n    max-width: 390px;\n    margin-top: 18px !important;\n    font-size: 14px !important;\n    line-height: 1.7 !important;\n  }\n\n  #hero.fth5 .fth5-actions {\n    gap: 18px;\n    margin-top: 26px;\n  }\n\n  #hero.fth5 .fth5-primary,\n  #hero.fth5 .fth5-secondary {\n    min-height: 48px;\n    font-size: 12px !important;\n  }\n\n  #hero.fth5 .fth5-primary {\n    padding: 0 17px;\n  }\n\n  #hero.fth5 .fth5-note {\n    display: none;\n  }\n\n  #hero.fth5 .fth5-visual {\n    width: 100%;\n    height: auto;\n    min-height: 0;\n    margin-top: 10px;\n    overflow: visible;\n  }\n\n  #hero.fth5 .fth5-image {\n    width: 112% !important;\n    max-width: none !important;\n    height: auto !important;\n    transform: translateX(1%);\n    animation: fth5-mobile-in .9s ease both;\n  }\n\n  @keyframes fth5-mobile-in {\n    from {\n      opacity: 0;\n      transform: translate(5%, 15px) scale(.97);\n    }\n    to {\n      opacity: 1;\n      transform: translate(1%, 0) scale(1);\n    }\n  }\n}\n\n\/* SMALL PHONES *\/\n\n@media (max-width: 390px) {\n  #hero.fth5 h1#fth5-title {\n    font-size: 35px !important;\n  }\n\n  #hero.fth5 .fth5-actions {\n    gap: 13px;\n  }\n\n  #hero.fth5 .fth5-primary,\n  #hero.fth5 .fth5-secondary {\n    font-size: 11px !important;\n  }\n\n  #hero.fth5 .fth5-primary {\n    padding: 0 13px;\n  }\n}\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #hero.fth5 .fth5-content,\n  #hero.fth5 .fth5-image {\n    animation: none !important;\n  }\n\n  #hero.fth5 .fth5-primary,\n  #hero.fth5 .fth5-secondary,\n  #hero.fth5 .fth5-actions svg {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const hero = document.querySelector('#hero.fth5');\n\n  if (!hero || hero.dataset.initialized === 'true') return;\n  hero.dataset.initialized = 'true';\n\n  \/* ENGLISH WHATSAPP MESSAGE *\/\n\n  const whatsapp = hero.querySelector('#fth5-whatsapp');\n\n  const message =\n    'Hello F&T Motorbike! I would like to rent a scooter or motorcycle in Patong. Could you please help me?';\n\n  if (whatsapp) {\n    whatsapp.href =\n      'https:\/\/wa.me\/66656522579?text=' +\n      encodeURIComponent(message);\n  }\n\n  \/* SUBTLE DESKTOP PARALLAX *\/\n\n  const image = hero.querySelector('.fth5-image');\n\n  if (\n    image &&\n    window.matchMedia('(min-width: 768px)').matches &&\n    !window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  ) {\n    let ticking = false;\n\n    function updateParallax() {\n      const rect = hero.getBoundingClientRect();\n\n      if (\n        rect.bottom < 0 ||\n        rect.top > window.innerHeight\n      ) {\n        ticking = false;\n        return;\n      }\n\n      const progress =\n        (window.innerHeight - rect.top) \/\n        (window.innerHeight + rect.height);\n\n      const offset = (progress - .5) * 18;\n\n      image.style.transform =\n        'translate(3%, calc(2% + ' + offset + 'px))';\n\n      ticking = false;\n    }\n\n    window.addEventListener('scroll', function () {\n      if (!ticking) {\n        ticking = true;\n        requestAnimationFrame(updateParallax);\n      }\n    }, { passive: true });\n  }\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efcda88 elementor-widget elementor-widget-html\" data-id=\"efcda88\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- =====================================================\n F&T MOTORBIKE \u2014 RIDE COLLECTION V4\n 18 MODELS \u00b7 SMART BOOKING \u00b7 ENGLISH ONLY\n ELEMENTOR \u2014 ONE HTML WIDGET\n===================================================== -->\n\n<section id=\"scooters\" class=\"ftc4\" lang=\"en\" aria-labelledby=\"ftc4-title\">\n  <div class=\"ftc4-shell\">\n\n    <header class=\"ftc4-head\">\n      <div class=\"ftc4-headcopy\">\n        <div class=\"ftc4-eyebrow\">\n          <span class=\"ftc4-live\"><\/span>\n          <span>F&T MOTORBIKE<\/span>\n          <span class=\"ftc4-slash\">\/<\/span>\n          <span>THE COLLECTION<\/span>\n        <\/div>\n\n        <h2 id=\"ftc4-title\">Your next ride starts here.<\/h2>\n        <p>\n          18 models to explore Phuket your way. Find the right ride for your trip.\n        <\/p>\n      <\/div>\n\n      <div class=\"ftc4-headnumber\" aria-hidden=\"true\">\n        <strong>18<\/strong>\n        <span>MODELS<\/span>\n      <\/div>\n    <\/header>\n\n    <div class=\"ftc4-tools\">\n      <div class=\"ftc4-filters\" role=\"group\" aria-label=\"Filter scooters and motorcycles\">\n        <button type=\"button\" class=\"is-active\" data-band=\"all\" aria-pressed=\"true\">All models<\/button>\n        <button type=\"button\" data-band=\"125\" aria-pressed=\"false\">110\u2013125 cc<\/button>\n        <button type=\"button\" data-band=\"160\" aria-pressed=\"false\">150\u2013160 cc<\/button>\n        <button type=\"button\" data-band=\"350\" aria-pressed=\"false\">300\u2013350 cc<\/button>\n        <button type=\"button\" data-band=\"750\" aria-pressed=\"false\">530\u2013750 cc<\/button>\n      <\/div>\n\n      <label class=\"ftc4-search\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"10.7\" cy=\"10.7\" r=\"6.8\"\/>\n          <path d=\"m16 16 5 5\"\/>\n        <\/svg>\n        <input type=\"search\" autocomplete=\"off\" placeholder=\"Search a model...\" aria-label=\"Search a model\" data-search>\n        <button type=\"button\" class=\"ftc4-clear\" aria-label=\"Clear search\" hidden>\u00d7<\/button>\n      <\/label>\n    <\/div>\n\n    <div class=\"ftc4-resultsbar\">\n      <span class=\"ftc4-results\" aria-live=\"polite\"><\/span>\n      <span class=\"ftc4-resultsnote\">Select a model to prepare your booking \u2197<\/span>\n    <\/div>\n\n    <div class=\"ftc4-grid\" data-grid><\/div>\n\n    <div class=\"ftc4-empty\" hidden>\n      <span>\u2315<\/span>\n      <strong>No models found.<\/strong>\n      <button type=\"button\" data-reset>Reset filters<\/button>\n    <\/div>\n\n    <div class=\"ftc4-morewrap\">\n      <button type=\"button\" class=\"ftc4-more\" data-more>\n        <span>Explore all 18 models<\/span>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 4v16m-6-6 6 6 6-6\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <div class=\"ftc4-bottomcta\">\n      <div>\n        <span class=\"ftc4-bottomkicker\">NEED SOME ADVICE?<\/span>\n        <h3>Not sure which ride? We can help.<\/h3>\n        <p>Tell us about your trip and we will help you choose.<\/p>\n      <\/div>\n      <a href=\"#\" class=\"ftc4-helpbtn\" data-help>\n        <span>Ask us on WhatsApp<\/span>\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- SMART BOOKING MODAL -->\n  <div class=\"ftc4-modal\" data-modal hidden>\n    <div class=\"ftc4-backdrop\" data-close><\/div>\n\n    <div class=\"ftc4-dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ftc4-dialog-title\">\n      <button type=\"button\" class=\"ftc4-modalclose\" data-close aria-label=\"Close\">\u00d7<\/button>\n\n      <div class=\"ftc4-dialogtop\">\n        <span>YOUR RENTAL REQUEST<\/span>\n        <h3 id=\"ftc4-dialog-title\">Let's plan your ride.<\/h3>\n      <\/div>\n\n      <div class=\"ftc4-selected\">\n        <div class=\"ftc4-selectedimage\">\n          <img decoding=\"async\" data-selected-image src=\"\" alt=\"\">\n        <\/div>\n        <div>\n          <small>SELECTED MODEL<\/small>\n          <strong data-selected-name><\/strong>\n          <span data-selected-spec><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"ftc4-formgrid\">\n        <label>\n          <span>Start date<\/span>\n          <input type=\"date\" data-start>\n        <\/label>\n        <label>\n          <span>Return date<\/span>\n          <input type=\"date\" data-end>\n        <\/label>\n      <\/div>\n\n      <label class=\"ftc4-notelabel\">\n        <span>Anything else? <em>(optional)<\/em><\/span>\n        <textarea rows=\"2\" data-note placeholder=\"E.g. two helmets, hotel delivery...\"><\/textarea>\n      <\/label>\n\n      <div class=\"ftc4-duration\" data-duration aria-live=\"polite\"><\/div>\n\n      <button type=\"button\" class=\"ftc4-send\" data-send>\n        <span>Send request on WhatsApp<\/span>\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/button>\n\n      <p class=\"ftc4-disclaimer\">\n        Availability and pricing will be confirmed by the team.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n#scooters.ftc4{\n  --c4-blue:#1648ff;\n  --c4-ink:#182130;\n  --c4-muted:#778292;\n  --c4-line:#e5e9ef;\n  --c4-soft:#f5f7fa;\n  font-family:Inter,Arial,Helvetica,sans-serif!important;\n  background:#fff;\n  color:var(--c4-ink);\n  padding:clamp(65px,7vw,105px) 0 80px;\n  scroll-margin-top:100px;\n}\n#scooters.ftc4,\n#scooters.ftc4 *{box-sizing:border-box}\n#scooters.ftc4 button,\n#scooters.ftc4 input,\n#scooters.ftc4 textarea{font-family:inherit}\n#scooters.ftc4 button{cursor:pointer}\n#scooters.ftc4 a{text-decoration:none!important}\n#scooters.ftc4 [hidden]{display:none!important}\n#scooters.ftc4 .ftc4-shell{\n  width:min(1240px,calc(100% - 48px));\n  margin:auto;\n}\n\n\/* HEADER *\/\n#scooters.ftc4 .ftc4-head{\n  display:flex;\n  align-items:end;\n  justify-content:space-between;\n  gap:30px;\n  margin-bottom:36px;\n}\n#scooters.ftc4 .ftc4-eyebrow{\n  display:flex;align-items:center;gap:10px;\n  margin-bottom:17px;\n  font-size:10px;font-weight:800;\n  letter-spacing:1.35px;color:#718096;\n}\n#scooters.ftc4 .ftc4-live{\n  width:7px;height:7px;border-radius:50%;\n  background:#20c68a;\n  box-shadow:0 0 0 4px rgba(32,198,138,.12);\n}\n#scooters.ftc4 .ftc4-slash{color:#c3cad4}\n#scooters.ftc4 h2{\n  max-width:700px;\n  margin:0 0 15px!important;\n  color:var(--c4-ink)!important;\n  font-size:clamp(36px,4.8vw,63px)!important;\n  font-weight:850!important;\n  line-height:1.06!important;\n  letter-spacing:-.055em!important;\n}\n#scooters.ftc4 .ftc4-headcopy>p{\n  max-width:530px;\n  margin:0!important;\n  color:var(--c4-muted)!important;\n  font-size:15px!important;\n  line-height:1.75!important;\n}\n#scooters.ftc4 .ftc4-headnumber{\n  display:flex;align-items:baseline;gap:9px;\n  flex-shrink:0;\n  color:#8b95a3;font-size:11px;\n  font-weight:800;letter-spacing:1px;\n}\n#scooters.ftc4 .ftc4-headnumber strong{\n  color:var(--c4-ink);\n  font-size:57px;font-weight:850;\n  letter-spacing:-.08em;line-height:1;\n}\n\n\/* TOOLBAR *\/\n#scooters.ftc4 .ftc4-tools{\n  display:flex;align-items:center;\n  justify-content:space-between;gap:20px;\n  padding:12px;\n  border:1px solid var(--c4-line);\n  border-radius:13px;\n  background:#fff;\n}\n#scooters.ftc4 .ftc4-filters{\n  display:flex;gap:4px;overflow-x:auto;\n  scrollbar-width:none;\n}\n#scooters.ftc4 .ftc4-filters::-webkit-scrollbar{display:none}\n#scooters.ftc4 .ftc4-filters button{\n  flex-shrink:0;\n  padding:11px 14px;\n  border:0;border-radius:7px;\n  background:transparent;\n  color:#6e7a8a;\n  font-size:12px;font-weight:750;\n  white-space:nowrap;\n  transition:background .2s,color .2s,transform .2s;\n}\n#scooters.ftc4 .ftc4-filters button:hover{\n  background:#f0f3f8;color:var(--c4-ink);\n}\n#scooters.ftc4 .ftc4-filters button.is-active{\n  background:var(--c4-ink);color:#fff;\n}\n#scooters.ftc4 .ftc4-search{\n  display:flex;align-items:center;gap:9px;\n  flex:0 0 230px;\n  height:42px;padding:0 12px;\n  border:1px solid var(--c4-line);\n  border-radius:8px;background:var(--c4-soft);\n}\n#scooters.ftc4 .ftc4-search svg{\n  width:17px;height:17px;flex-shrink:0;\n  fill:none;stroke:#8792a2;stroke-width:1.8;\n  stroke-linecap:round;\n}\n#scooters.ftc4 .ftc4-search input{\n  min-width:0;width:100%;height:100%;\n  padding:0!important;border:0!important;\n  outline:0!important;box-shadow:none!important;\n  background:transparent!important;\n  font-size:12px;color:var(--c4-ink);\n}\n#scooters.ftc4 .ftc4-clear{\n  border:0;background:none;color:#7d8898;\n  font-size:20px;padding:0 3px;\n}\n#scooters.ftc4 .ftc4-resultsbar{\n  display:flex;justify-content:space-between;gap:15px;\n  margin:18px 1px 22px;\n  color:#929baa;font-size:11px;\n}\n#scooters.ftc4 .ftc4-results{font-weight:750}\n#scooters.ftc4 .ftc4-resultsnote{color:#8c97a6}\n\n\/* GRID *\/\n#scooters.ftc4 .ftc4-grid{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:28px 17px;\n}\n#scooters.ftc4 .ftc4-card{\n  min-width:0;\n  animation:ftc4Enter .48s both;\n}\n@keyframes ftc4Enter{\n  from{opacity:0;transform:translateY(18px)}\n  to{opacity:1;transform:translateY(0)}\n}\n#scooters.ftc4 .ftc4-image{\n  position:relative;display:grid;place-items:center;\n  aspect-ratio:1\/1;\n  padding:17px;overflow:hidden;\n  border-radius:11px;\n  background:var(--c4-soft);\n  cursor:pointer;\n  isolation:isolate;\n}\n#scooters.ftc4 .ftc4-image::after{\n  content:\"\";position:absolute;inset:0;\n  background:linear-gradient(140deg,rgba(255,255,255,.65),transparent 55%);\n  pointer-events:none;\n}\n#scooters.ftc4 .ftc4-image img{\n  width:100%;height:100%;\n  object-fit:contain!important;\n  transition:transform .55s cubic-bezier(.18,.7,.2,1);\n}\n#scooters.ftc4 .ftc4-card:hover .ftc4-image img{\n  transform:scale(1.075) translateY(-3px);\n}\n#scooters.ftc4 .ftc4-year{\n  position:absolute;top:12px;left:12px;z-index:2;\n  padding:6px 9px;border-radius:5px;\n  background:#fff;color:var(--c4-ink);\n  font-size:10px;font-weight:800;\n}\n#scooters.ftc4 .ftc4-imageaction{\n  position:absolute;bottom:12px;right:12px;z-index:2;\n  display:grid;place-items:center;\n  width:36px;height:36px;\n  border:0;border-radius:50%;\n  background:#fff;color:var(--c4-ink);\n  font-size:20px;\n  box-shadow:0 5px 16px rgba(20,30,50,.08);\n  transition:transform .25s,background .25s,color .25s;\n}\n#scooters.ftc4 .ftc4-card:hover .ftc4-imageaction{\n  transform:rotate(-45deg);\n  background:var(--c4-blue);color:#fff;\n}\n#scooters.ftc4 .ftc4-cardbody{padding:16px 2px 0}\n#scooters.ftc4 .ftc4-brand{\n  display:block;margin-bottom:6px;\n  color:#909aaa;font-size:10px;\n  font-weight:800;letter-spacing:1px;\n  text-transform:uppercase;\n}\n#scooters.ftc4 .ftc4-card h3{\n  margin:0 0 7px!important;\n  color:var(--c4-ink)!important;\n  font-size:19px!important;\n  font-weight:850!important;\n  line-height:1.2!important;\n  letter-spacing:-.03em!important;\n}\n#scooters.ftc4 .ftc4-spec{\n  display:block;color:var(--c4-muted);\n  font-size:12px;margin-bottom:16px;\n}\n#scooters.ftc4 .ftc4-book{\n  display:flex;align-items:center;justify-content:space-between;\n  gap:10px;width:100%;min-height:43px;\n  padding:0 13px;\n  border:1px solid #dfe5ed;border-radius:7px;\n  background:#fff;color:var(--c4-ink);\n  font-size:12px;font-weight:800;\n  transition:background .2s,border-color .2s,color .2s,transform .2s;\n}\n#scooters.ftc4 .ftc4-book:hover{\n  background:var(--c4-blue);\n  border-color:var(--c4-blue);\n  color:#fff;\n  transform:translateY(-2px);\n}\n#scooters.ftc4 .ftc4-book svg{\n  width:17px;height:17px;\n  fill:none;stroke:currentColor;stroke-width:1.8;\n  stroke-linecap:round;stroke-linejoin:round;\n}\n\n\/* MORE *\/\n#scooters.ftc4 .ftc4-morewrap{\n  display:flex;justify-content:center;\n  margin-top:39px;\n}\n#scooters.ftc4 .ftc4-more{\n  display:flex;align-items:center;gap:13px;\n  padding:14px 23px;\n  border:1px solid var(--c4-ink);border-radius:8px;\n  background:var(--c4-ink);color:#fff;\n  font-size:13px;font-weight:800;\n  transition:background .2s,transform .2s;\n}\n#scooters.ftc4 .ftc4-more:hover{\n  background:var(--c4-blue);\n  border-color:var(--c4-blue);\n  transform:translateY(-2px);\n}\n#scooters.ftc4 .ftc4-more svg{\n  width:16px;height:16px;fill:none;\n  stroke:currentColor;stroke-width:1.8;\n  stroke-linecap:round;stroke-linejoin:round;\n  transition:transform .25s;\n}\n#scooters.ftc4 .ftc4-empty{\n  padding:70px 20px;text-align:center;\n  color:var(--c4-muted);\n}\n#scooters.ftc4 .ftc4-empty>span{\n  display:block;font-size:45px;margin-bottom:15px;\n}\n#scooters.ftc4 .ftc4-empty strong{\n  display:block;margin-bottom:15px;\n}\n#scooters.ftc4 .ftc4-empty button{\n  padding:10px 17px;border:1px solid var(--c4-line);\n  border-radius:7px;background:#fff;color:var(--c4-ink);\n  font-weight:750;\n}\n\n\/* HELP CTA *\/\n#scooters.ftc4 .ftc4-bottomcta{\n  display:flex;align-items:center;\n  justify-content:space-between;gap:30px;\n  margin-top:65px;padding:31px 36px;\n  border-radius:15px;\n  background:#f4f7ff;\n  border:1px solid #e5ebff;\n}\n#scooters.ftc4 .ftc4-bottomkicker{\n  display:block;margin-bottom:10px;\n  color:var(--c4-blue);\n  font-size:10px;font-weight:850;letter-spacing:1.3px;\n}\n#scooters.ftc4 .ftc4-bottomcta h3{\n  margin:0 0 8px!important;\n  color:var(--c4-ink)!important;\n  font-size:23px!important;font-weight:850!important;\n  letter-spacing:-.035em!important;\n}\n#scooters.ftc4 .ftc4-bottomcta p{\n  margin:0!important;color:var(--c4-muted)!important;\n  font-size:13px!important;\n}\n#scooters.ftc4 .ftc4-helpbtn{\n  display:flex;align-items:center;\n  justify-content:space-between;gap:25px;\n  min-width:245px;padding:15px 18px;\n  border-radius:8px;\n  background:var(--c4-blue);\n  color:#fff!important;\n  font-size:12px;font-weight:800;\n  transition:transform .2s,box-shadow .2s;\n}\n#scooters.ftc4 .ftc4-helpbtn:hover{\n  transform:translateY(-2px);\n  box-shadow:0 8px 22px rgba(22,72,255,.2);\n}\n\n\/* MODAL *\/\n#scooters.ftc4 .ftc4-modal{\n  position:fixed;inset:0;z-index:999999;\n  display:grid;place-items:center;\n  padding:20px;\n}\n#scooters.ftc4 .ftc4-backdrop{\n  position:absolute;inset:0;\n  background:rgba(14,22,35,.65);\n  backdrop-filter:blur(7px);\n  animation:ftc4Fade .2s both;\n}\n@keyframes ftc4Fade{from{opacity:0}to{opacity:1}}\n#scooters.ftc4 .ftc4-dialog{\n  position:relative;z-index:1;\n  width:min(100%,480px);\n  max-height:calc(100dvh - 35px);\n  overflow-y:auto;\n  padding:29px;\n  border-radius:17px;\n  background:#fff;\n  box-shadow:0 30px 90px rgba(0,0,0,.2);\n  animation:ftc4Dialog .3s cubic-bezier(.2,.8,.2,1) both;\n}\n@keyframes ftc4Dialog{\n  from{opacity:0;transform:translateY(20px) scale(.98)}\n  to{opacity:1;transform:translateY(0) scale(1)}\n}\n#scooters.ftc4 .ftc4-modalclose{\n  position:absolute;top:17px;right:18px;\n  display:grid;place-items:center;\n  width:32px;height:32px;\n  border:0;border-radius:50%;\n  background:#f2f4f7;color:var(--c4-ink);\n  font-size:23px;\n}\n#scooters.ftc4 .ftc4-dialogtop>span{\n  color:var(--c4-blue);font-size:10px;\n  font-weight:850;letter-spacing:1.1px;\n}\n#scooters.ftc4 .ftc4-dialogtop h3{\n  margin:9px 0 22px!important;\n  font-size:30px!important;\n  color:var(--c4-ink)!important;\n  font-weight:850!important;\n  letter-spacing:-.045em!important;\n}\n#scooters.ftc4 .ftc4-selected{\n  display:flex;align-items:center;gap:15px;\n  padding:11px;\n  margin-bottom:22px;\n  border:1px solid var(--c4-line);\n  border-radius:10px;\n}\n#scooters.ftc4 .ftc4-selectedimage{\n  width:94px;height:80px;flex:0 0 94px;\n  display:grid;place-items:center;\n  padding:8px;border-radius:7px;\n  background:var(--c4-soft);\n}\n#scooters.ftc4 .ftc4-selectedimage img{\n  width:100%;height:100%;object-fit:contain;\n}\n#scooters.ftc4 .ftc4-selected>div:last-child{\n  display:flex;flex-direction:column;gap:5px;\n}\n#scooters.ftc4 .ftc4-selected small{\n  color:#98a2b1;font-size:9px;\n  font-weight:850;letter-spacing:.8px;\n}\n#scooters.ftc4 .ftc4-selected strong{\n  color:var(--c4-ink);font-size:17px;font-weight:850;\n}\n#scooters.ftc4 .ftc4-selected span{\n  color:var(--c4-muted);font-size:11px;\n}\n#scooters.ftc4 .ftc4-formgrid{\n  display:grid;grid-template-columns:1fr 1fr;\n  gap:12px;margin-bottom:17px;\n}\n#scooters.ftc4 .ftc4-formgrid label,\n#scooters.ftc4 .ftc4-notelabel{\n  display:flex;flex-direction:column;gap:8px;\n}\n#scooters.ftc4 .ftc4-formgrid label>span,\n#scooters.ftc4 .ftc4-notelabel>span{\n  color:#4c5869;font-size:11px;font-weight:800;\n}\n#scooters.ftc4 .ftc4-notelabel em{\n  font-style:normal;color:#a0a9b6;font-weight:500;\n}\n#scooters.ftc4 .ftc4-formgrid input,\n#scooters.ftc4 .ftc4-notelabel textarea{\n  width:100%;min-width:0;\n  border:1px solid var(--c4-line)!important;\n  border-radius:7px!important;\n  background:#fff!important;\n  box-shadow:none!important;\n  outline:none!important;\n  color:var(--c4-ink)!important;\n  font-size:13px!important;\n}\n#scooters.ftc4 .ftc4-formgrid input{\n  height:46px;padding:0 10px!important;\n}\n#scooters.ftc4 .ftc4-notelabel textarea{\n  resize:vertical;min-height:75px;\n  padding:12px!important;\n}\n#scooters.ftc4 .ftc4-formgrid input:focus,\n#scooters.ftc4 .ftc4-notelabel textarea:focus{\n  border-color:var(--c4-blue)!important;\n}\n#scooters.ftc4 .ftc4-duration{\n  min-height:20px;margin:13px 0;\n  color:var(--c4-blue);\n  font-size:12px;font-weight:800;\n}\n#scooters.ftc4 .ftc4-send{\n  display:flex;justify-content:space-between;\n  align-items:center;gap:15px;\n  width:100%;min-height:52px;padding:0 18px;\n  border:0;border-radius:8px;\n  background:var(--c4-blue);color:#fff;\n  font-size:13px;font-weight:850;\n  transition:background .2s,transform .2s;\n}\n#scooters.ftc4 .ftc4-send:hover{\n  background:#0e36ca;transform:translateY(-2px);\n}\n#scooters.ftc4 .ftc4-disclaimer{\n  margin:12px 0 0!important;\n  color:#99a3b0!important;\n  text-align:center;font-size:10px!important;\n  line-height:1.6!important;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1100px){\n  #scooters.ftc4 .ftc4-grid{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n  }\n  #scooters.ftc4 .ftc4-tools{\n    flex-direction:column;align-items:stretch;\n  }\n  #scooters.ftc4 .ftc4-search{flex:auto;width:100%}\n}\n@media(max-width:800px){\n  #scooters.ftc4 .ftc4-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n@media(max-width:600px){\n  #scooters.ftc4{padding:56px 0 65px}\n  #scooters.ftc4 .ftc4-shell{\n    width:calc(100% - 30px);\n  }\n  #scooters.ftc4 .ftc4-head{\n    margin-bottom:26px;\n  }\n  #scooters.ftc4 h2{\n    font-size:36px!important;\n  }\n  #scooters.ftc4 .ftc4-headcopy>p{\n    font-size:13px!important;\n  }\n  #scooters.ftc4 .ftc4-headnumber{display:none}\n  #scooters.ftc4 .ftc4-tools{\n    margin:0 -15px;\n    padding:10px 15px;\n    border-left:0;border-right:0;\n    border-radius:0;\n  }\n  #scooters.ftc4 .ftc4-filters{\n    margin-right:-15px;\n    padding-right:15px;\n  }\n  #scooters.ftc4 .ftc4-filters button{\n    padding:10px 12px;font-size:11px;\n  }\n  #scooters.ftc4 .ftc4-resultsnote{display:none}\n  #scooters.ftc4 .ftc4-grid{\n    gap:24px 11px;\n  }\n  #scooters.ftc4 .ftc4-image{\n    padding:9px;border-radius:8px;\n  }\n  #scooters.ftc4 .ftc4-imageaction{\n    width:30px;height:30px;\n    bottom:8px;right:8px;\n    font-size:18px;\n  }\n  #scooters.ftc4 .ftc4-year{\n    top:7px;left:7px;\n    padding:5px 6px;font-size:9px;\n  }\n  #scooters.ftc4 .ftc4-cardbody{padding-top:12px}\n  #scooters.ftc4 .ftc4-card h3{\n    font-size:15px!important;\n  }\n  #scooters.ftc4 .ftc4-brand{font-size:9px}\n  #scooters.ftc4 .ftc4-spec{\n    font-size:11px;margin-bottom:12px;\n  }\n  #scooters.ftc4 .ftc4-book{\n    min-height:40px;padding:0 9px;\n    font-size:10px;\n  }\n  #scooters.ftc4 .ftc4-bottomcta{\n    flex-direction:column;align-items:stretch;\n    margin-top:50px;padding:24px;\n    gap:22px;\n  }\n  #scooters.ftc4 .ftc4-bottomcta h3{\n    font-size:21px!important;\n  }\n  #scooters.ftc4 .ftc4-helpbtn{\n    width:100%;min-width:0;\n  }\n  #scooters.ftc4 .ftc4-dialog{\n    padding:23px 18px;\n    border-radius:14px;\n  }\n  #scooters.ftc4 .ftc4-dialogtop h3{\n    font-size:26px!important;\n  }\n}\n@media(prefers-reduced-motion:reduce){\n  #scooters.ftc4 *,\n  #scooters.ftc4 *::before,\n  #scooters.ftc4 *::after{\n    animation:none!important;\n    transition:none!important;\n    scroll-behavior:auto!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root=document.querySelector('#scooters.ftc4');\n  if(!root || root.dataset.ready==='1')return;\n  root.dataset.ready='1';\n\n  \/* Verify the agency's official WhatsApp number *\/\n  const PHONE='66656522579';\n  const BASE='https:\/\/ftmotorbike.com\/wp-content\/uploads\/';\n\n  const bikes=[\n    {brand:'Honda',name:'Click 125',cc:125,band:'125',image:'2024\/02\/1-1.png'},\n    {brand:'Honda',name:'Scoopy 110',cc:110,band:'125',image:'2024\/02\/2-1.png'},\n    {brand:'Yamaha',name:'GT 125',cc:125,band:'125',image:'2024\/02\/15-1.png'},\n    {brand:'Yamaha',name:'Grand Filano',cc:125,band:'125',image:'2024\/02\/3-1.png'},\n    {brand:'Yamaha',name:'GT 125',cc:125,band:'125',year:'2025',image:'2025\/09\/YAMAHA-125.webp'},\n    {brand:'Yamaha',name:'NMAX 155',cc:155,band:'160',image:'2024\/02\/gez.png'},\n    {brand:'Honda',name:'PCX 160',cc:160,band:'160',image:'2024\/02\/4-1.png'},\n    {brand:'Yamaha',name:'NMAX 155',cc:155,band:'160',year:'2020',image:'2024\/02\/5-1.png'},\n    {brand:'Yamaha',name:'NMAX 155',cc:155,band:'160',year:'2023',image:'2024\/02\/5-1.png'},\n    {brand:'Honda',name:'ADV 160',cc:160,band:'160',image:'2024\/02\/6-1.png'},\n    {brand:'Yamaha',name:'XMAX 300',cc:300,band:'350',year:'2023',image:'2024\/02\/8-1.png'},\n    {brand:'Honda',name:'ADV 350',cc:350,band:'350',image:'2024\/02\/ec.png'},\n    {brand:'Yamaha',name:'TMAX 560',cc:560,band:'750',year:'2023',image:'2024\/02\/12-1.png'},\n    {brand:'Yamaha',name:'TMAX 560',cc:560,band:'750',year:'2025',image:'2025\/09\/images.jpeg'},\n    {brand:'Honda',name:'XADV 750',cc:750,band:'750',image:'2024\/02\/13-1.png'},\n    {brand:'Honda',name:'XADV 750',cc:750,band:'750',year:'2025',image:'2026\/10\/Scooter-aventure-jaune-en-studio.png'},\n    {brand:'Yamaha',name:'T\u00e9n\u00e9r\u00e9 700',cc:700,band:'750',image:'2026\/09\/tenere-700.png'},\n    {brand:'Yamaha',name:'MT-07',cc:689,band:'750',image:'2026\/10\/Yamaha-MT-07-aux-jantes-rouges.png'}\n  ];\n\n  \/* ENGLISH-ONLY CONTENT *\/\n\n  const t={\n    results:'models displayed',\n    book:'Select this model',\n    more:'Explore all 18 models',\n    less:'Show less',\n    helpMessage:'Hello F&T Motorbike! I would like some advice on choosing a scooter or motorcycle in Phuket.',\n    duration:'Estimated duration',\n    days:'days',\n    message:'Hello F&T Motorbike! I would like to rent',\n    from:'From',\n    to:'to',\n    details:'Details',\n    dateError:'Please select a return date on or after the start date.'\n  };\n\n  const grid=root.querySelector('[data-grid]');\n  const search=root.querySelector('[data-search]');\n  const clear=root.querySelector('.ftc4-clear');\n  const more=root.querySelector('[data-more]');\n  const empty=root.querySelector('.ftc4-empty');\n  const filters=[...root.querySelectorAll('[data-band]')];\n  const modal=root.querySelector('[data-modal]');\n  const start=root.querySelector('[data-start]');\n  const end=root.querySelector('[data-end]');\n  const note=root.querySelector('[data-note]');\n  const duration=root.querySelector('[data-duration]');\n\n  let activeBand='all';\n  let expanded=false;\n  let selectedBike=null;\n  let lastFocus=null;\n\n  function fullName(bike){\n    return bike.brand+' '+bike.name+(bike.year?' '+bike.year:'');\n  }\n\n  function createCard(bike,index){\n    const card=document.createElement('article');\n    card.className='ftc4-card';\n    card.style.animationDelay=Math.min(index,9)*40+'ms';\n\n    const image=BASE+bike.image;\n\n    card.innerHTML=`\n      <div class=\"ftc4-image\">\n        ${bike.year?'<span class=\"ftc4-year\">'+bike.year+'<\/span>':''}\n        <img decoding=\"async\" src=\"${image}\" alt=\"${fullName(bike)}\" loading=\"lazy\">\n        <button type=\"button\" class=\"ftc4-imageaction\" aria-label=\"${t.book}: ${fullName(bike)}\">\u2197<\/button>\n      <\/div>\n      <div class=\"ftc4-cardbody\">\n        <span class=\"ftc4-brand\">${bike.brand}<\/span>\n        <h3>${bike.name}<\/h3>\n        <span class=\"ftc4-spec\">${bike.cc} cc${bike.year?' \u00b7 '+bike.year:''}<\/span>\n        <button type=\"button\" class=\"ftc4-book\">\n          <span>${t.book}<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14m-6-6 6 6-6 6\"\/>\n          <\/svg>\n        <\/button>\n      <\/div>\n    `;\n\n    card.querySelector('.ftc4-imageaction').addEventListener('click',()=>openModal(bike));\n    card.querySelector('.ftc4-book').addEventListener('click',()=>openModal(bike));\n    card.querySelector('.ftc4-image').addEventListener('click',e=>{\n      if(!e.target.closest('button'))openModal(bike);\n    });\n\n    return card;\n  }\n\n  function render(){\n    const q=search.value.trim().toLowerCase();\n    const filtered=bikes.filter(b=>{\n      const band=activeBand==='all'||b.band===activeBand;\n      const text=[b.brand,b.name,b.cc,b.year||''].join(' ').toLowerCase();\n      return band&&text.includes(q);\n    });\n\n    const visible=expanded?filtered:filtered.slice(0,8);\n    grid.replaceChildren(...visible.map(createCard));\n\n    empty.hidden=filtered.length>0;\n    more.hidden=filtered.length<=8;\n    more.querySelector('span').textContent=expanded?t.less:t.more;\n    more.querySelector('svg').style.transform=expanded?'rotate(180deg)':'';\n\n    root.querySelector('.ftc4-results').textContent=\n      visible.length+' \/ '+filtered.length+' '+t.results;\n\n    clear.hidden=!search.value;\n  }\n\n  filters.forEach(btn=>{\n    btn.addEventListener('click',()=>{\n      activeBand=btn.dataset.band;\n      expanded=false;\n      filters.forEach(b=>{\n        const on=b===btn;\n        b.classList.toggle('is-active',on);\n        b.setAttribute('aria-pressed',String(on));\n      });\n      render();\n    });\n  });\n\n  search.addEventListener('input',()=>{\n    expanded=false;\n    render();\n  });\n\n  clear.addEventListener('click',()=>{\n    search.value='';\n    search.focus();\n    expanded=false;\n    render();\n  });\n\n  root.querySelector('[data-reset]').addEventListener('click',()=>{\n    search.value='';\n    activeBand='all';\n    expanded=false;\n    filters.forEach(b=>{\n      const on=b.dataset.band==='all';\n      b.classList.toggle('is-active',on);\n      b.setAttribute('aria-pressed',String(on));\n    });\n    render();\n  });\n\n  more.addEventListener('click',()=>{\n    expanded=!expanded;\n    render();\n    if(!expanded){\n      root.querySelector('.ftc4-tools').scrollIntoView({\n        behavior:'smooth',block:'start'\n      });\n    }\n  });\n\n  function localDate(date){\n    return [\n      date.getFullYear(),\n      String(date.getMonth()+1).padStart(2,'0'),\n      String(date.getDate()).padStart(2,'0')\n    ].join('-');\n  }\n\n  function openModal(bike){\n    selectedBike=bike;\n    lastFocus=document.activeElement;\n\n    root.querySelector('[data-selected-name]').textContent=fullName(bike);\n    root.querySelector('[data-selected-spec]').textContent=bike.cc+' cc';\n\n    const img=root.querySelector('[data-selected-image]');\n    img.src=BASE+bike.image;\n    img.alt=fullName(bike);\n\n    const today=localDate(new Date());\n    start.min=today;\n    end.min=today;\n    start.value='';\n    end.value='';\n    note.value='';\n    duration.textContent='';\n\n    modal.hidden=false;\n    document.body.style.overflow='hidden';\n    modal.querySelector('.ftc4-modalclose').focus();\n  }\n\n  function closeModal(){\n    modal.hidden=true;\n    document.body.style.overflow='';\n    if(lastFocus&&lastFocus.isConnected)lastFocus.focus();\n  }\n\n  root.querySelectorAll('[data-close]').forEach(el=>{\n    el.addEventListener('click',closeModal);\n  });\n\n  function updateDuration(){\n    end.min=start.value||localDate(new Date());\n\n    if(start.value&&end.value){\n      const a=new Date(start.value+'T12:00:00');\n      const b=new Date(end.value+'T12:00:00');\n      const days=Math.round((b-a)\/86400000);\n\n      if(days<0){\n        duration.textContent=t.dateError;\n        return;\n      }\n\n      duration.textContent=t.duration+' : '+Math.max(1,days)+' '+t.days;\n    }else{\n      duration.textContent='';\n    }\n  }\n\n  start.addEventListener('change',updateDuration);\n  end.addEventListener('change',updateDuration);\n\n  document.addEventListener('keydown',e=>{\n    if(modal.hidden)return;\n\n    if(e.key==='Escape'){\n      closeModal();\n      return;\n    }\n\n    if(e.key==='Tab'){\n      const focusable=[...modal.querySelectorAll(\n        'button:not([disabled]),input,textarea,a[href]'\n      )].filter(el=>el.offsetParent!==null);\n\n      const first=focusable[0];\n      const last=focusable[focusable.length-1];\n\n      if(e.shiftKey&&document.activeElement===first){\n        e.preventDefault();last.focus();\n      }else if(!e.shiftKey&&document.activeElement===last){\n        e.preventDefault();first.focus();\n      }\n    }\n  });\n\n  root.querySelector('[data-send]').addEventListener('click',()=>{\n    if(!selectedBike)return;\n\n    if(start.value&&end.value&&end.value<start.value){\n      duration.textContent=t.dateError;\n      end.focus();\n      return;\n    }\n\n    let message=t.message+' *'+fullName(selectedBike)+'* ('+\n      selectedBike.cc+' cc).';\n\n    if(start.value)message+='\\n'+t.from+' : '+start.value;\n    if(end.value)message+='\\n'+t.to+' : '+end.value;\n    if(note.value.trim())message+='\\n'+t.details+' : '+note.value.trim();\n\n    const url='https:\/\/wa.me\/'+PHONE+'?text='+encodeURIComponent(message);\n    window.open(url,'_blank','noopener,noreferrer');\n  });\n\n  root.querySelector('[data-help]').addEventListener('click',e=>{\n    e.preventDefault();\n    const url='https:\/\/wa.me\/'+PHONE+'?text='+encodeURIComponent(t.helpMessage);\n    window.open(url,'_blank','noopener,noreferrer');\n  });\n\n  render();\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37fce99 elementor-widget elementor-widget-html\" data-id=\"37fce99\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- ==============================================\n F&T MOTORBIKE \u2014 ABOUT V4 ENGLISH\n Minimal \/ Premium \/ English Only\n Elementor HTML Widget\n============================================== -->\n\n<section id=\"how\" class=\"fta4\" lang=\"en\" aria-labelledby=\"fta4-title\">\n  <div class=\"fta4-inner\">\n\n    <div class=\"fta4-media\">\n      <img\n        src=\"https:\/\/ftmotorbike.com\/wp-content\/uploads\/2026\/10\/Devanture-turquoise-FT-Motorbike-a-Phuket.png\"\n        alt=\"F&T Motorbike rental shop in Patong, Phuket\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n    <\/div>\n\n    <div class=\"fta4-content\">\n      <h2 id=\"fta4-title\">\n        Your local rental shop in Patong.\n      <\/h2>\n\n      <p class=\"fta4-lead\">\n        At F&T Motorbike, we make renting a scooter or motorcycle in Phuket simple.\n      <\/p>\n\n      <p class=\"fta4-description\">\n        Visit our shop in Patong, choose the ride that suits you,\n        and explore the island at your own pace. Our team is here\n        to help you before and during your rental.\n      <\/p>\n\n      <a\n        class=\"fta4-link\"\n        href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=7.8859269%2C98.297463\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <span>Find our shop<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M7 17 17 7M8 7h9v9\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==============================================\n   ABOUT V4 \u2014 ENGLISH ONLY\n============================================== *\/\n\n#how.fta4 {\n  --fta4-dark: #151b26;\n  --fta4-muted: #657080;\n  --fta4-blue: #1648ff;\n\n  width: 100%;\n  overflow: hidden;\n  background: #fff;\n  padding: clamp(65px, 8vw, 115px) 0;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  scroll-margin-top: 100px;\n}\n\n#how.fta4,\n#how.fta4 * {\n  box-sizing: border-box;\n}\n\n#how.fta4 .fta4-inner {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);\n  align-items: center;\n  gap: clamp(45px, 7vw, 115px);\n\n  width: min(calc(100% - 64px), 1260px);\n  margin: 0 auto;\n}\n\n\/* IMAGE *\/\n\n#how.fta4 .fta4-media {\n  width: 100%;\n  overflow: hidden;\n  border-radius: 10px;\n  background: #e9eef2;\n}\n\n#how.fta4 .fta4-media img {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  max-width: none !important;\n  aspect-ratio: 4 \/ 3;\n  object-fit: cover !important;\n  object-position: center !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n\n  transition: transform .75s cubic-bezier(.2,.7,.2,1);\n}\n\n#how.fta4 .fta4-media:hover img {\n  transform: scale(1.035);\n}\n\n\/* CONTENT *\/\n\n#how.fta4 .fta4-content {\n  max-width: 490px;\n}\n\n#how.fta4 h2#fta4-title {\n  margin: 0 0 26px !important;\n  padding: 0 !important;\n\n  color: var(--fta4-dark) !important;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  font-size: clamp(32px, 3.5vw, 49px) !important;\n  font-weight: 800 !important;\n  line-height: 1.14 !important;\n  letter-spacing: -.045em !important;\n  text-transform: none !important;\n  font-style: normal !important;\n}\n\n#how.fta4 .fta4-lead {\n  margin: 0 0 16px !important;\n\n  color: var(--fta4-dark) !important;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  font-size: 17px !important;\n  font-weight: 600 !important;\n  line-height: 1.65 !important;\n}\n\n#how.fta4 .fta4-description {\n  margin: 0 !important;\n\n  color: var(--fta4-muted) !important;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  font-size: 15px !important;\n  font-weight: 400 !important;\n  line-height: 1.85 !important;\n}\n\n\/* LINK *\/\n\n#how.fta4 .fta4-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n\n  margin-top: 30px;\n  padding: 0 0 7px;\n  border-bottom: 1px solid var(--fta4-blue);\n\n  color: var(--fta4-blue) !important;\n  background: transparent !important;\n  font-family: Inter, Arial, Helvetica, sans-serif !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  text-decoration: none !important;\n\n  transition: gap .25s ease, color .25s ease;\n}\n\n#how.fta4 .fta4-link:hover {\n  gap: 17px;\n  color: #0e36ce !important;\n}\n\n#how.fta4 .fta4-link svg {\n  width: 16px;\n  height: 16px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* SCROLL REVEAL *\/\n\n#how.fta4 .fta4-media,\n#how.fta4 .fta4-content {\n  opacity: 1;\n  transform: none;\n}\n\n#how.fta4.fta4-animate .fta4-media,\n#how.fta4.fta4-animate .fta4-content {\n  opacity: 0;\n  transform: translateY(22px);\n  transition:\n    opacity .7s ease,\n    transform .7s cubic-bezier(.2,.7,.2,1);\n}\n\n#how.fta4.fta4-animate.fta4-visible .fta4-media,\n#how.fta4.fta4-animate.fta4-visible .fta4-content {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n#how.fta4.fta4-animate .fta4-content {\n  transition-delay: .12s;\n}\n\n\/* TABLET *\/\n\n@media (max-width: 950px) {\n  #how.fta4 .fta4-inner {\n    gap: 38px;\n  }\n\n  #how.fta4 h2#fta4-title {\n    font-size: 34px !important;\n  }\n\n  #how.fta4 .fta4-lead {\n    font-size: 15px !important;\n  }\n\n  #how.fta4 .fta4-description {\n    font-size: 14px !important;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  #how.fta4 {\n    padding: 58px 0 70px;\n  }\n\n  #how.fta4 .fta4-inner {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 31px;\n    width: calc(100% - 32px);\n  }\n\n  #how.fta4 .fta4-media {\n    border-radius: 8px;\n  }\n\n  #how.fta4 .fta4-content {\n    max-width: none;\n  }\n\n  #how.fta4 h2#fta4-title {\n    margin-bottom: 18px !important;\n    font-size: clamp(30px, 8vw, 39px) !important;\n  }\n\n  #how.fta4 .fta4-lead {\n    margin-bottom: 12px !important;\n    font-size: 15px !important;\n  }\n\n  #how.fta4 .fta4-description {\n    font-size: 14px !important;\n    line-height: 1.75 !important;\n  }\n\n  #how.fta4 .fta4-link {\n    margin-top: 24px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #how.fta4 .fta4-media,\n  #how.fta4 .fta4-content,\n  #how.fta4 .fta4-media img,\n  #how.fta4 .fta4-link {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const section = document.querySelector('#how.fta4');\n\n  if (!section || section.dataset.initialized === 'true') return;\n  section.dataset.initialized = 'true';\n\n  \/* SCROLL REVEAL ANIMATION *\/\n\n  if (\n    'IntersectionObserver' in window &&\n    !window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  ) {\n    const observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          section.classList.add('fta4-visible');\n          observer.unobserve(section);\n        }\n      });\n    }, {\n      threshold: .12\n    });\n\n    observer.observe(section);\n    section.classList.add('fta4-animate');\n\n    if (section.getBoundingClientRect().top < window.innerHeight) {\n      section.classList.add('fta4-visible');\n    }\n  }\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38207ba elementor-widget elementor-widget-html\" data-id=\"38207ba\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- ==============================================\n F&T MOTORBIKE \u2014 GOOGLE REVIEWS WALL V2\n ENGLISH ONLY \u2022 ELEMENTOR \u2022 RESPONSIVE\n============================================== -->\n\n<section id=\"reviews\" class=\"ftreviews2\" lang=\"en\" aria-labelledby=\"ftr2-title\">\n  <div class=\"ftr2-wrap\">\n\n    <div class=\"ftr2-top\">\n      <div class=\"ftr2-heading\">\n        <div class=\"ftr2-kicker\">\n          <span class=\"ftr2-kicker-dot\"><\/span>\n          <span>TRUSTED BY OUR CUSTOMERS<\/span>\n        <\/div>\n\n        <h2 id=\"ftr2-title\">Over 1,000 reviews. One destination.<\/h2>\n\n        <p>\n          Discover what customers say about their experience\n          with F&T Motorbike in Phuket.\n        <\/p>\n      <\/div>\n\n      <a\n        class=\"ftr2-summary\"\n        href=\"https:\/\/www.google.com\/search?kgmid=\/g\/11kq7vk5kd#lrd=0x30503bd983bd3359:0x975df54e13dc395,1,,,,\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Read F&T Motorbike reviews on Google\"\n      >\n        <div class=\"ftr2-google\">\n          Google <span>Reviews<\/span>\n        <\/div>\n\n        <div class=\"ftr2-summary-bottom\">\n          <strong>4.9<span>\/5<\/span><\/strong>\n\n          <div>\n            <div class=\"ftr2-stars\" aria-label=\"5 stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n            <small>1,086 Google reviews<\/small>\n          <\/div>\n\n          <span class=\"ftr2-summary-arrow\" aria-hidden=\"true\">\u2197<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <!-- CAROUSEL -->\n    <div class=\"ftr2-carousel-area\">\n\n      <div class=\"ftr2-toolbar\">\n        <span>A selection of recent reviews<\/span>\n\n        <div class=\"ftr2-controls\">\n          <button\n            type=\"button\"\n            class=\"ftr2-prev\"\n            aria-label=\"Previous reviews\"\n          >\u2190<\/button>\n\n          <button\n            type=\"button\"\n            class=\"ftr2-next\"\n            aria-label=\"Next reviews\"\n          >\u2192<\/button>\n        <\/div>\n      <\/div>\n\n      <div\n        class=\"ftr2-track\"\n        tabindex=\"0\"\n        aria-label=\"F&T Motorbike Google reviews\"\n      >\n\n        <!-- REVIEW 01 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>Thanks to Serge and his entire team for the scooters.<\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#058ac7\">A<\/span>\n            <div>\n              <strong>adam elkhadiri<\/strong>\n              <small>Recent review<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 02 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>\n            Great experience! Quick booking and rental via WhatsApp.\n            The website is helpful for finding information.\n          <\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#a344bc\">S<\/span>\n            <div>\n              <strong>Spykee Az wicked<\/strong>\n              <small>Recent review<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 03 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>\n            Fast and safe. Inspiring stories.\n            Wishing your business prosperity.\n          <\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#9148bf\">\u0414<\/span>\n            <div>\n              <strong>\u0414\u043c\u0438\u0442\u0440\u0438\u0439 \u0413\u0443\u043b\u044f\u0435\u0432<\/strong>\n              <small>Translated by Google<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 04 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>Good.<\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#9a7752\">E<\/span>\n            <div>\n              <strong>Erica Wong<\/strong>\n              <small>Translated by Google<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 05 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>The best motorcycle rental.<\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#bb3c18\">R<\/span>\n            <div>\n              <strong>rani gulla<\/strong>\n              <small>Translated by Google<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 06 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>Good service and friendly staff.<\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#498d70\">V<\/span>\n            <div>\n              <strong>Vamkesh Patel<\/strong>\n              <small>Translated by Google<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 07 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>Excellent, quality service. I recommend it.<\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#f28c12\">K<\/span>\n            <div>\n              <strong>Kais Amrani<\/strong>\n              <small>Recent review<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 08 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>Best bike, best shop.<\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#6c9b36\">D<\/span>\n            <div>\n              <strong>dakiche amine<\/strong>\n              <small>Translated by Google<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 09 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>\n            Tuk, thank you for the warm welcome.\n            It was great renting a bike.\n          <\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#98746d\">F<\/span>\n            <div>\n              <strong>Flora Lora<\/strong>\n              <small>Translated by Google<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- REVIEW 10 -->\n        <article class=\"ftr2-card\">\n          <div class=\"ftr2-cardtop\">\n            <span class=\"ftr2-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <span class=\"ftr2-source\">Google<\/span>\n          <\/div>\n\n          <p>\n            Very good rental service. The French owners are fair,\n            the price is reasonable and they do not invent repair\n            charges. I recommend them 100%.\n          <\/p>\n\n          <div class=\"ftr2-author\">\n            <span class=\"ftr2-avatar\" style=\"--avatar:#c43c1e\">A<\/span>\n            <div>\n              <strong>AZ CAR SERVICE<\/strong>\n              <small>Google review<\/small>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"ftr2-progress\" aria-hidden=\"true\">\n        <span><\/span>\n      <\/div>\n    <\/div>\n\n    <!-- FOOTER -->\n    <div class=\"ftr2-footer\">\n      <span>\n        These testimonials represent just a small selection\n        of our customer reviews.\n      <\/span>\n\n      <a\n        href=\"https:\/\/www.google.com\/search?kgmid=\/g\/11kq7vk5kd#lrd=0x30503bd983bd3359:0x975df54e13dc395,1,,,,\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <span>Read all reviews on Google<\/span>\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==============================================\n GOOGLE REVIEWS WALL V2 \u2014 ENGLISH\n============================================== *\/\n\n#reviews.ftreviews2 {\n  --r2-ink:#172131;\n  --r2-muted:#697487;\n  --r2-line:#e7eaf0;\n  --r2-blue:#1648ff;\n  width:100%;\n  padding:76px 24px 70px;\n  background:#fff;\n  color:var(--r2-ink);\n  font-family:Inter,Arial,sans-serif;\n  overflow:hidden;\n  scroll-margin-top:90px;\n}\n\n#reviews.ftreviews2 *,\n#reviews.ftreviews2 *::before,\n#reviews.ftreviews2 *::after {\n  box-sizing:border-box;\n}\n\n#reviews.ftreviews2 a {\n  text-decoration:none!important;\n}\n\n#reviews.ftreviews2 button {\n  font-family:inherit;\n  cursor:pointer;\n}\n\n#reviews.ftreviews2 a:focus-visible,\n#reviews.ftreviews2 button:focus-visible,\n#reviews.ftreviews2 .ftr2-track:focus-visible {\n  outline:2px solid var(--r2-blue);\n  outline-offset:3px;\n}\n\n#reviews.ftreviews2 .ftr2-wrap {\n  max-width:1280px;\n  margin:auto;\n}\n\n\/* TOP *\/\n\n#reviews.ftreviews2 .ftr2-top {\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:40px;\n  align-items:end;\n  margin-bottom:38px;\n}\n\n#reviews.ftreviews2 .ftr2-kicker {\n  display:flex;\n  align-items:center;\n  gap:9px;\n  margin-bottom:17px;\n  color:#7b8594;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.25px;\n}\n\n#reviews.ftreviews2 .ftr2-kicker-dot {\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:#18b780;\n}\n\n#reviews.ftreviews2 h2 {\n  max-width:630px;\n  margin:0!important;\n  color:var(--r2-ink)!important;\n  font-family:inherit!important;\n  font-size:clamp(33px,4vw,57px)!important;\n  font-weight:850!important;\n  line-height:1.1!important;\n  letter-spacing:-.052em!important;\n}\n\n#reviews.ftreviews2 .ftr2-heading>p {\n  margin:17px 0 0!important;\n  color:var(--r2-muted)!important;\n  font-size:14px!important;\n  line-height:1.7!important;\n}\n\n\/* GOOGLE SUMMARY *\/\n\n#reviews.ftreviews2 .ftr2-summary {\n  display:block;\n  min-width:260px;\n  padding:20px 22px;\n  border:1px solid var(--r2-line);\n  border-radius:14px;\n  background:#fafbfc;\n  color:var(--r2-ink)!important;\n  transition:border-color .2s;\n}\n\n#reviews.ftreviews2 .ftr2-summary:hover {\n  border-color:#b8c6ff;\n}\n\n#reviews.ftreviews2 .ftr2-google {\n  margin-bottom:13px;\n  color:#4285f4;\n  font-size:17px;\n  font-weight:850;\n  letter-spacing:-.05em;\n}\n\n#reviews.ftreviews2 .ftr2-google span {\n  color:#8b95a4;\n  font-size:11px;\n  font-weight:650;\n  letter-spacing:0;\n  margin-left:3px;\n}\n\n#reviews.ftreviews2 .ftr2-summary-bottom {\n  display:flex;\n  align-items:center;\n  gap:13px;\n}\n\n#reviews.ftreviews2 .ftr2-summary-bottom>strong {\n  font-size:44px;\n  font-weight:850;\n  letter-spacing:-.07em;\n  line-height:1;\n}\n\n#reviews.ftreviews2 .ftr2-summary-bottom>strong span {\n  font-size:15px;\n  font-weight:600;\n  letter-spacing:0;\n  color:#9aa4b3;\n}\n\n#reviews.ftreviews2 .ftr2-stars {\n  color:#f5b400;\n  font-size:17px;\n  letter-spacing:1px;\n  white-space:nowrap;\n}\n\n#reviews.ftreviews2 .ftr2-summary-bottom small {\n  display:block;\n  margin-top:4px;\n  font-size:10px;\n  color:var(--r2-muted);\n}\n\n#reviews.ftreviews2 .ftr2-summary-arrow {\n  margin-left:auto;\n  font-size:20px;\n  color:var(--r2-blue);\n}\n\n\/* CAROUSEL *\/\n\n#reviews.ftreviews2 .ftr2-carousel-area {\n  min-width:0;\n}\n\n#reviews.ftreviews2 .ftr2-toolbar {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  margin-bottom:15px;\n  color:#8993a2;\n  font-size:11px;\n  font-weight:650;\n}\n\n#reviews.ftreviews2 .ftr2-controls {\n  display:flex;\n  gap:7px;\n}\n\n#reviews.ftreviews2 .ftr2-controls button {\n  display:grid;\n  place-items:center;\n  width:37px;\n  height:37px;\n  border:1px solid var(--r2-line);\n  border-radius:50%;\n  background:#fff;\n  color:var(--r2-ink);\n  font-size:18px;\n  transition:background .2s,color .2s;\n}\n\n#reviews.ftreviews2 .ftr2-controls button:hover:not(:disabled) {\n  background:var(--r2-ink);\n  color:#fff;\n}\n\n#reviews.ftreviews2 .ftr2-controls button:disabled {\n  cursor:default;\n}\n\n#reviews.ftreviews2 .ftr2-track {\n  display:flex;\n  gap:14px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n  scrollbar-width:none;\n  overscroll-behavior-x:contain;\n  padding:2px 1px 13px;\n}\n\n#reviews.ftreviews2 .ftr2-track::-webkit-scrollbar {\n  display:none;\n}\n\n\/* REVIEW CARDS *\/\n\n#reviews.ftreviews2 .ftr2-card {\n  display:flex;\n  flex-direction:column;\n  flex:0 0 calc((100% - 28px)\/3);\n  min-width:0;\n  min-height:236px;\n  padding:23px;\n  background:#fafbfc;\n  border:1px solid var(--r2-line);\n  border-radius:13px;\n  scroll-snap-align:start;\n}\n\n#reviews.ftreviews2 .ftr2-cardtop {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:8px;\n}\n\n#reviews.ftreviews2 .ftr2-cardtop .ftr2-stars {\n  font-size:15px;\n}\n\n#reviews.ftreviews2 .ftr2-source {\n  color:#9ba5b3;\n  font-size:10px;\n  font-weight:700;\n}\n\n#reviews.ftreviews2 .ftr2-card>p {\n  flex:1;\n  margin:23px 0 25px!important;\n  color:#263142!important;\n  font-size:14px!important;\n  font-weight:500!important;\n  line-height:1.65!important;\n}\n\n\/* AUTHORS *\/\n\n#reviews.ftreviews2 .ftr2-author {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  padding-top:15px;\n  border-top:1px solid #e9ecf1;\n}\n\n#reviews.ftreviews2 .ftr2-avatar {\n  display:grid;\n  place-items:center;\n  flex:0 0 33px;\n  width:33px;\n  height:33px;\n  border-radius:50%;\n  background:var(--avatar,#7e8ba1);\n  color:#fff;\n  font-size:13px;\n  font-weight:800;\n}\n\n#reviews.ftreviews2 .ftr2-author>div {\n  display:flex;\n  flex-direction:column;\n  gap:3px;\n  min-width:0;\n}\n\n#reviews.ftreviews2 .ftr2-author strong {\n  overflow:hidden;\n  text-overflow:ellipsis;\n  white-space:nowrap;\n  font-size:11px;\n  font-weight:800;\n  color:var(--r2-ink);\n}\n\n#reviews.ftreviews2 .ftr2-author small {\n  font-size:10px;\n  color:#9ba4b0;\n}\n\n\/* PROGRESS BAR *\/\n\n#reviews.ftreviews2 .ftr2-progress {\n  height:2px;\n  margin-top:7px;\n  background:#edf0f4;\n  border-radius:2px;\n}\n\n#reviews.ftreviews2 .ftr2-progress span {\n  display:block;\n  height:100%;\n  width:30%;\n  border-radius:2px;\n  background:var(--r2-blue);\n  transition:width .15s;\n}\n\n\/* FOOTER *\/\n\n#reviews.ftreviews2 .ftr2-footer {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:25px;\n  margin-top:25px;\n}\n\n#reviews.ftreviews2 .ftr2-footer>span {\n  max-width:500px;\n  color:#929cab;\n  font-size:11px;\n  line-height:1.6;\n}\n\n#reviews.ftreviews2 .ftr2-footer>a {\n  display:inline-flex;\n  align-items:center;\n  gap:12px;\n  color:var(--r2-ink)!important;\n  font-size:12px;\n  font-weight:800;\n  white-space:nowrap;\n}\n\n#reviews.ftreviews2 .ftr2-footer>a:hover {\n  color:var(--r2-blue)!important;\n}\n\n#reviews.ftreviews2 .ftr2-footer>a span:last-child {\n  font-size:17px;\n}\n\n\/* TABLET *\/\n\n@media(max-width:1000px) {\n  #reviews.ftreviews2 .ftr2-card {\n    flex-basis:calc((100% - 14px)\/2);\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:650px) {\n  #reviews.ftreviews2 {\n    padding:52px 16px 60px;\n  }\n\n  #reviews.ftreviews2 .ftr2-top {\n    grid-template-columns:1fr;\n    gap:22px;\n    margin-bottom:26px;\n  }\n\n  #reviews.ftreviews2 h2 {\n    font-size:35px!important;\n  }\n\n  #reviews.ftreviews2 .ftr2-heading>p {\n    font-size:12px!important;\n    margin-top:13px!important;\n  }\n\n  #reviews.ftreviews2 .ftr2-summary {\n    min-width:0;\n    width:100%;\n    padding:17px 18px;\n  }\n\n  #reviews.ftreviews2 .ftr2-summary-bottom>strong {\n    font-size:38px;\n  }\n\n  #reviews.ftreviews2 .ftr2-card {\n    flex-basis:85%;\n    min-height:215px;\n    padding:20px;\n  }\n\n  #reviews.ftreviews2 .ftr2-card>p {\n    font-size:13px!important;\n    margin:20px 0!important;\n  }\n\n  #reviews.ftreviews2 .ftr2-footer {\n    align-items:flex-start;\n    flex-direction:column;\n    gap:14px;\n  }\n\n  #reviews.ftreviews2 .ftr2-toolbar {\n    font-size:10px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  #reviews.ftreviews2 .ftr2-track {\n    scroll-behavior:auto;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root=document.querySelector('#reviews.ftreviews2');\n\n  if(!root||root.dataset.ready==='1')return;\n  root.dataset.ready='1';\n\n  const track=root.querySelector('.ftr2-track');\n  const prev=root.querySelector('.ftr2-prev');\n  const next=root.querySelector('.ftr2-next');\n  const progress=root.querySelector('.ftr2-progress span');\n\n  if(!track||!prev||!next||!progress)return;\n\n  \/* CAROUSEL NAVIGATION *\/\n\n  function move(direction){\n    const card=track.querySelector('.ftr2-card');\n\n    if(!card)return;\n\n    const gap=parseFloat(getComputedStyle(track).gap)||14;\n\n    track.scrollBy({\n      left:direction*(card.getBoundingClientRect().width+gap),\n      behavior:window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      ).matches?'auto':'smooth'\n    });\n  }\n\n  \/* UPDATE PROGRESS AND BUTTONS *\/\n\n  function update(){\n    const max=Math.max(0,track.scrollWidth-track.clientWidth);\n    const ratio=max>0?track.scrollLeft\/max:0;\n    const visible=track.scrollWidth>0\n      ?track.clientWidth\/track.scrollWidth\n      :1;\n\n    progress.style.width=\n      Math.min(100,(visible+(1-visible)*ratio)*100)+'%';\n\n    prev.disabled=track.scrollLeft<=2;\n    next.disabled=track.scrollLeft>=max-2;\n\n    prev.style.opacity=prev.disabled?'.4':'1';\n    next.style.opacity=next.disabled?'.4':'1';\n  }\n\n  prev.addEventListener('click',function(){\n    move(-1);\n  });\n\n  next.addEventListener('click',function(){\n    move(1);\n  });\n\n  track.addEventListener('scroll',update,{passive:true});\n  window.addEventListener('resize',update);\n\n  update();\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a16bdb4 elementor-widget elementor-widget-html\" data-id=\"a16bdb4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- =====================================================\n F&T MOTORBIKE \u2014 CINEMATIC VIDEO V10 ENGLISH\n Elementor HTML \u2022 English only \u2022 Responsive\n===================================================== -->\n\n<section id=\"ft-video\" class=\"ftfilm10\" lang=\"en\">\n  <div class=\"ftfilm10-container\">\n\n    <!-- HEADING -->\n    <div class=\"ftfilm10-heading\">\n      <div class=\"ftfilm10-heading-left\">\n        <div class=\"ftfilm10-eyebrow\">\n          <span class=\"ftfilm10-eyebrow-line\"><\/span>\n          <span>THE F&T EXPERIENCE<\/span>\n        <\/div>\n\n        <h2>Your Phuket story starts here.<\/h2>\n      <\/div>\n\n      <p>\n        Discover our world, our scooters and the spirit\n        of F&T Motorbike in Patong.\n      <\/p>\n    <\/div>\n\n    <!-- VIDEO STAGE -->\n    <div\n      class=\"ftfilm10-stage\"\n      tabindex=\"0\"\n      role=\"button\"\n      aria-label=\"Play F&T Motorbike video\"\n    >\n\n      <img\n        class=\"ftfilm10-cover\"\n        src=\"https:\/\/ftmotorbike.com\/wp-content\/uploads\/2026\/10\/Aventure-tropicale-en-scooters.png\"\n        alt=\"F&T Motorbike \u2014 Scooter adventures in Phuket\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n\n      <video\n        class=\"ftfilm10-video\"\n        playsinline\n        preload=\"none\"\n        aria-label=\"F&T Motorbike presentation video\"\n      >\n        <source\n          src=\"https:\/\/ftmotorbike.com\/wp-content\/uploads\/2024\/02\/FT-Motorbike-1.mp4\"\n          type=\"video\/mp4\"\n        >\n        Your browser does not support HTML5 video.\n      <\/video>\n\n      <div class=\"ftfilm10-overlay\"><\/div>\n\n      <!-- TOP LABEL -->\n      <div class=\"ftfilm10-top-label\">\n        <span class=\"ftfilm10-top-dot\"><\/span>\n        <span>F&T MOTORBIKE<\/span>\n        <span class=\"ftfilm10-top-divider\"><\/span>\n        <span>PATONG, PHUKET<\/span>\n      <\/div>\n\n      <!-- CENTER PLAY -->\n      <button\n        class=\"ftfilm10-play\"\n        type=\"button\"\n        aria-label=\"Play F&T Motorbike video\"\n      >\n        <span class=\"ftfilm10-play-ring\"><\/span>\n\n        <span class=\"ftfilm10-play-circle\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M8.5 5.5 19 12 8.5 18.5z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <span class=\"ftfilm10-play-caption\">\n          Watch the film\n        <\/span>\n      <\/button>\n\n      <!-- BOTTOM CAPTION -->\n      <div class=\"ftfilm10-bottom-caption\">\n        <span>THE FREEDOM TO EXPLORE<\/span>\n        <span class=\"ftfilm10-bottom-line\"><\/span>\n        <span>PHUKET \u00b7 THAILAND<\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- FOOTER -->\n    <div class=\"ftfilm10-footer\">\n      <div class=\"ftfilm10-footer-info\">\n        <span class=\"ftfilm10-footer-mark\">\u2733<\/span>\n        <span>Your next adventure on two wheels.<\/span>\n      <\/div>\n\n      <a class=\"ftfilm10-footer-link\" href=\"#scooters\">\n        <span>Explore our fleet<\/span>\n        <span class=\"ftfilm10-link-icon\" aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =====================================================\n   VIDEO V10 \u2014 BASE\n===================================================== *\/\n\n#ft-video.ftfilm10 {\n  width:100%;\n  padding:clamp(58px,7vw,100px) 0;\n  background:#f7f8fa;\n  color:#18212f;\n  font-family:Inter,Arial,sans-serif;\n  scroll-margin-top:115px;\n}\n\n#ft-video.ftfilm10 *,\n#ft-video.ftfilm10 *::before,\n#ft-video.ftfilm10 *::after {\n  box-sizing:border-box;\n}\n\n#ft-video.ftfilm10 .ftfilm10-container {\n  width:min(1180px,calc(100% - 48px));\n  margin:auto;\n}\n\n\/* HEADING *\/\n\n#ft-video.ftfilm10 .ftfilm10-heading {\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n  gap:30px;\n  margin-bottom:28px;\n}\n\n#ft-video.ftfilm10 .ftfilm10-heading-left {\n  min-width:0;\n}\n\n#ft-video.ftfilm10 .ftfilm10-eyebrow {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:15px;\n  color:#1648ff;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1.6px;\n}\n\n#ft-video.ftfilm10 .ftfilm10-eyebrow-line {\n  width:24px;\n  height:2px;\n  background:#1648ff;\n}\n\n#ft-video.ftfilm10 .ftfilm10-heading h2 {\n  margin:0!important;\n  padding:0!important;\n  color:#18212f!important;\n  font-family:Inter,Arial,sans-serif!important;\n  font-size:clamp(32px,4.2vw,56px)!important;\n  font-weight:800!important;\n  line-height:1.07!important;\n  letter-spacing:-.055em!important;\n  text-transform:none!important;\n}\n\n#ft-video.ftfilm10 .ftfilm10-heading p {\n  max-width:295px;\n  margin:0 0 5px!important;\n  color:#7a8594!important;\n  font-size:14px!important;\n  line-height:1.7!important;\n}\n\n\/* VIDEO STAGE *\/\n\n#ft-video.ftfilm10 .ftfilm10-stage {\n  position:relative;\n  width:100%;\n  aspect-ratio:16\/8.7;\n  overflow:hidden;\n  border-radius:14px;\n  background:#101820;\n  isolation:isolate;\n  cursor:pointer;\n  outline:none;\n}\n\n#ft-video.ftfilm10 .ftfilm10-stage:focus-visible {\n  outline:3px solid #1648ff;\n  outline-offset:4px;\n}\n\n#ft-video.ftfilm10 .ftfilm10-cover,\n#ft-video.ftfilm10 .ftfilm10-video {\n  position:absolute;\n  inset:0;\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n  border:0!important;\n  border-radius:0!important;\n}\n\n#ft-video.ftfilm10 .ftfilm10-cover {\n  z-index:2;\n  object-fit:cover!important;\n  object-position:center!important;\n  transform:scale(1);\n  transition:\n    transform 1s cubic-bezier(.2,.8,.2,1),\n    opacity .45s;\n}\n\n#ft-video.ftfilm10 .ftfilm10-stage:not(.is-playing):hover .ftfilm10-cover {\n  transform:scale(1.045);\n}\n\n#ft-video.ftfilm10 .ftfilm10-video {\n  z-index:1;\n  object-fit:contain!important;\n  background:#000;\n}\n\n#ft-video.ftfilm10 .ftfilm10-overlay {\n  position:absolute;\n  z-index:3;\n  inset:0;\n  background:linear-gradient(\n    180deg,\n    rgba(5,12,24,.28) 0%,\n    rgba(5,12,24,.08) 35%,\n    rgba(5,12,24,.12) 60%,\n    rgba(5,12,24,.48) 100%\n  );\n  pointer-events:none;\n  transition:opacity .45s;\n}\n\n\/* TOP LABEL *\/\n\n#ft-video.ftfilm10 .ftfilm10-top-label {\n  position:absolute;\n  z-index:4;\n  top:28px;\n  left:30px;\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:#fff;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.2px;\n  pointer-events:none;\n}\n\n#ft-video.ftfilm10 .ftfilm10-top-dot {\n  width:6px;\n  height:6px;\n  border-radius:50%;\n  background:#a5f3cb;\n  box-shadow:0 0 0 5px rgba(165,243,203,.15);\n}\n\n#ft-video.ftfilm10 .ftfilm10-top-divider {\n  width:16px;\n  height:1px;\n  background:rgba(255,255,255,.5);\n}\n\n\/* CENTER PLAY BUTTON *\/\n\n#ft-video.ftfilm10 .ftfilm10-play {\n  position:absolute;\n  z-index:5;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  gap:18px;\n  width:180px;\n  min-height:160px;\n  padding:0;\n  background:transparent;\n  border:0;\n  color:#fff;\n  cursor:pointer;\n}\n\n#ft-video.ftfilm10 .ftfilm10-play-circle {\n  position:relative;\n  z-index:2;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:90px;\n  height:90px;\n  border-radius:50%;\n  background:rgba(255,255,255,.94);\n  box-shadow:0 12px 45px rgba(0,0,0,.18);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  transition:\n    transform .35s cubic-bezier(.2,.8,.2,1),\n    background .3s,\n    box-shadow .3s;\n}\n\n#ft-video.ftfilm10 .ftfilm10-play-circle svg {\n  width:30px;\n  height:30px;\n  margin-left:5px;\n  fill:#1648ff;\n  transition:transform .3s;\n}\n\n#ft-video.ftfilm10 .ftfilm10-play-ring {\n  position:absolute;\n  z-index:1;\n  top:13px;\n  left:50%;\n  width:116px;\n  height:116px;\n  border:1px solid rgba(255,255,255,.55);\n  border-radius:50%;\n  transform:translateX(-50%);\n  transition:transform .4s,opacity .4s;\n}\n\n#ft-video.ftfilm10 .ftfilm10-play:hover .ftfilm10-play-circle {\n  transform:scale(1.1);\n  background:#fff;\n  box-shadow:0 15px 55px rgba(0,0,0,.26);\n}\n\n#ft-video.ftfilm10 .ftfilm10-play:hover .ftfilm10-play-circle svg {\n  transform:translateX(2px);\n}\n\n#ft-video.ftfilm10 .ftfilm10-play:hover .ftfilm10-play-ring {\n  transform:translateX(-50%) scale(1.18);\n  opacity:.55;\n}\n\n#ft-video.ftfilm10 .ftfilm10-play-caption {\n  display:block;\n  color:#fff;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.2px;\n  text-shadow:0 2px 12px rgba(0,0,0,.4);\n}\n\n\/* BOTTOM CAPTION *\/\n\n#ft-video.ftfilm10 .ftfilm10-bottom-caption {\n  position:absolute;\n  z-index:4;\n  bottom:26px;\n  left:30px;\n  right:30px;\n  display:flex;\n  align-items:center;\n  gap:13px;\n  color:rgba(255,255,255,.88);\n  font-size:10px;\n  font-weight:750;\n  letter-spacing:1.25px;\n  pointer-events:none;\n}\n\n#ft-video.ftfilm10 .ftfilm10-bottom-line {\n  flex:1;\n  height:1px;\n  background:rgba(255,255,255,.3);\n}\n\n\/* PLAYING STATE *\/\n\n#ft-video.ftfilm10 .ftfilm10-stage.is-playing {\n  cursor:default;\n}\n\n#ft-video.ftfilm10 .ftfilm10-stage.is-playing .ftfilm10-cover,\n#ft-video.ftfilm10 .ftfilm10-stage.is-playing .ftfilm10-overlay,\n#ft-video.ftfilm10 .ftfilm10-stage.is-playing .ftfilm10-play,\n#ft-video.ftfilm10 .ftfilm10-stage.is-playing .ftfilm10-top-label,\n#ft-video.ftfilm10 .ftfilm10-stage.is-playing .ftfilm10-bottom-caption {\n  opacity:0;\n  pointer-events:none;\n}\n\n#ft-video.ftfilm10 .ftfilm10-stage.is-playing .ftfilm10-cover {\n  visibility:hidden;\n}\n\n\/* FOOTER *\/\n\n#ft-video.ftfilm10 .ftfilm10-footer {\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:20px;\n  margin-top:23px;\n}\n\n#ft-video.ftfilm10 .ftfilm10-footer-info {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:#8b95a3;\n  font-size:12px;\n  font-weight:600;\n}\n\n#ft-video.ftfilm10 .ftfilm10-footer-mark {\n  color:#1648ff;\n  font-size:18px;\n}\n\n#ft-video.ftfilm10 .ftfilm10-footer-link {\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  color:#18212f!important;\n  font-size:13px;\n  font-weight:800;\n  text-decoration:none!important;\n  transition:color .25s;\n}\n\n#ft-video.ftfilm10 .ftfilm10-footer-link:hover {\n  color:#1648ff!important;\n}\n\n#ft-video.ftfilm10 .ftfilm10-link-icon {\n  display:grid;\n  place-items:center;\n  width:34px;\n  height:34px;\n  border:1px solid #dce2eb;\n  border-radius:50%;\n  font-size:17px;\n  font-weight:400;\n  transition:\n    background .25s,\n    border-color .25s,\n    color .25s,\n    transform .25s;\n}\n\n#ft-video.ftfilm10 .ftfilm10-footer-link:hover .ftfilm10-link-icon {\n  background:#1648ff;\n  border-color:#1648ff;\n  color:#fff;\n  transform:rotate(45deg);\n}\n\n\/* TABLET *\/\n\n@media(max-width:900px) {\n  #ft-video.ftfilm10 .ftfilm10-heading p {\n    max-width:240px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-stage {\n    aspect-ratio:16\/10;\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:767px) {\n  #ft-video.ftfilm10 {\n    padding:55px 0 60px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-container {\n    width:calc(100% - 30px);\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-heading {\n    display:block;\n    margin-bottom:23px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-eyebrow {\n    margin-bottom:12px;\n    font-size:9px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-heading h2 {\n    font-size:clamp(30px,8vw,40px)!important;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-heading p {\n    max-width:100%;\n    margin:12px 0 0!important;\n    font-size:13px!important;\n    line-height:1.65!important;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-stage {\n    aspect-ratio:4\/3;\n    border-radius:9px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-top-label {\n    top:17px;\n    left:17px;\n    gap:7px;\n    font-size:8px;\n    letter-spacing:.7px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-top-divider {\n    width:9px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-play {\n    width:135px;\n    min-height:135px;\n    gap:14px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-play-circle {\n    width:70px;\n    height:70px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-play-circle svg {\n    width:25px;\n    height:25px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-play-ring {\n    top:12px;\n    width:94px;\n    height:94px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-play-caption {\n    font-size:11px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-bottom-caption {\n    bottom:16px;\n    left:17px;\n    right:17px;\n    gap:9px;\n    font-size:8px;\n    letter-spacing:.5px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-footer {\n    margin-top:18px;\n    align-items:flex-start;\n    flex-direction:column;\n    gap:15px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-footer-info {\n    font-size:11px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-footer-link {\n    font-size:12px;\n  }\n}\n\n@media(max-width:380px) {\n  #ft-video.ftfilm10 .ftfilm10-top-label {\n    font-size:7px;\n  }\n\n  #ft-video.ftfilm10 .ftfilm10-bottom-caption {\n    font-size:7px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  #ft-video.ftfilm10 *,\n  #ft-video.ftfilm10 *::before,\n  #ft-video.ftfilm10 *::after {\n    transition:none!important;\n    animation:none!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root=document.querySelector('#ft-video.ftfilm10');\n\n  if(!root||root.dataset.ready==='1')return;\n  root.dataset.ready='1';\n\n  const stage=root.querySelector('.ftfilm10-stage');\n  const video=root.querySelector('.ftfilm10-video');\n  const play=root.querySelector('.ftfilm10-play');\n\n  if(!stage||!video||!play)return;\n\n  \/* START VIDEO *\/\n\n  function startVideo(){\n    if(!video.paused)return;\n\n    video.controls=true;\n    video.preload='auto';\n\n    const promise=video.play();\n\n    if(promise&&typeof promise.catch==='function'){\n      promise.catch(function(){\n        stage.classList.remove('is-playing');\n        video.controls=false;\n      });\n    }\n  }\n\n  \/* PLAY BUTTON *\/\n\n  play.addEventListener('click',function(e){\n    e.stopPropagation();\n    startVideo();\n  });\n\n  \/* CLICK ON COVER *\/\n\n  stage.addEventListener('click',function(e){\n    if(e.target.closest('video'))return;\n    startVideo();\n  });\n\n  \/* KEYBOARD SUPPORT *\/\n\n  stage.addEventListener('keydown',function(e){\n    if(e.target!==stage)return;\n\n    if(e.key==='Enter'||e.key===' '){\n      e.preventDefault();\n      startVideo();\n    }\n  });\n\n  \/* PLAYING STATE *\/\n\n  video.addEventListener('play',function(){\n    stage.classList.add('is-playing');\n    stage.removeAttribute('role');\n    stage.removeAttribute('tabindex');\n  });\n\n  \/* RESET VIDEO *\/\n\n  function resetVideo(){\n    stage.classList.remove('is-playing');\n    stage.setAttribute('role','button');\n    stage.setAttribute('tabindex','0');\n    video.controls=false;\n\n    try{\n      video.currentTime=0;\n    }catch(e){}\n  }\n\n  video.addEventListener('ended',resetVideo);\n\n  \/* VIDEO ERROR *\/\n\n  video.addEventListener('error',function(){\n    stage.classList.remove('is-playing');\n    stage.setAttribute('role','button');\n    stage.setAttribute('tabindex','0');\n    video.controls=false;\n  });\n\n  \/* PAUSE WHEN OUTSIDE VIEWPORT *\/\n\n  if('IntersectionObserver' in window){\n    const observer=new IntersectionObserver(\n      function(entries){\n        entries.forEach(function(entry){\n          if(!entry.isIntersecting&&!video.paused){\n            video.pause();\n          }\n        });\n      },\n      {threshold:0.05}\n    );\n\n    observer.observe(stage);\n  }\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9aa723c elementor-widget elementor-widget-html\" data-id=\"9aa723c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- ==============================================\n F&T MOTORBIKE \u2014 FAQ EDITORIAL V2 ENGLISH\n PREMIUM \/ RESPONSIVE \/ ELEMENTOR\n============================================== -->\n\n<section id=\"faq\" class=\"ftfaq2\" lang=\"en\" aria-labelledby=\"ftfaq2-title\">\n  <div class=\"ftfaq2-wrap\">\n\n    <!-- LEFT COLUMN -->\n    <div class=\"ftfaq2-left\">\n\n      <span class=\"ftfaq2-eyebrow\">\n        F&T MOTORBIKE \/ FAQ\n      <\/span>\n\n      <h2 id=\"ftfaq2-title\">\n        Questions before<br>you ride?\n      <\/h2>\n\n      <p>\n        Licences, bookings, helmets and assistance:\n        everything you need to know before exploring Phuket.\n      <\/p>\n\n      <div class=\"ftfaq2-contact\">\n        <span>Still have a question?<\/span>\n\n        <a\n          class=\"ftfaq2-whatsapp\"\n          href=\"https:\/\/wa.me\/66656522579\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <span>Talk to our team<\/span>\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14m-6-6 6 6-6 6\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT COLUMN \/ ACCORDION -->\n    <div class=\"ftfaq2-right\" id=\"ftfaq2-list\">\n\n      <!-- QUESTION 01 -->\n      <article class=\"ftfaq2-item is-open\">\n        <h3 class=\"ftfaq2-item-heading\">\n          <button\n            type=\"button\"\n            class=\"ftfaq2-question\"\n            aria-expanded=\"true\"\n            aria-controls=\"ftfaq2-answer-1\"\n          >\n            <span class=\"ftfaq2-index\">01<\/span>\n            <span class=\"ftfaq2-qtext\">\n              What licence do I need to ride in Phuket?\n            <\/span>\n            <span class=\"ftfaq2-icon\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/h3>\n\n        <div class=\"ftfaq2-answer\" id=\"ftfaq2-answer-1\">\n          <div class=\"ftfaq2-answer-inner\">\n            <p>\n              You need a valid licence for the relevant motorcycle\n              category and the documents required for driving abroad,\n              including an International Driving Permit recognised\n              in Thailand. A car-only licence is not sufficient\n              for riding a motorcycle.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- QUESTION 02 -->\n      <article class=\"ftfaq2-item\">\n        <h3 class=\"ftfaq2-item-heading\">\n          <button\n            type=\"button\"\n            class=\"ftfaq2-question\"\n            aria-expanded=\"false\"\n            aria-controls=\"ftfaq2-answer-2\"\n          >\n            <span class=\"ftfaq2-index\">02<\/span>\n            <span class=\"ftfaq2-qtext\">\n              Are helmets included?\n            <\/span>\n            <span class=\"ftfaq2-icon\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/h3>\n\n        <div class=\"ftfaq2-answer\" id=\"ftfaq2-answer-2\">\n          <div class=\"ftfaq2-answer-inner\">\n            <p>\n              Yes, helmets are provided with our rentals.\n              Helmets are mandatory for both riders and passengers.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- QUESTION 03 -->\n      <article class=\"ftfaq2-item\">\n        <h3 class=\"ftfaq2-item-heading\">\n          <button\n            type=\"button\"\n            class=\"ftfaq2-question\"\n            aria-expanded=\"false\"\n            aria-controls=\"ftfaq2-answer-3\"\n          >\n            <span class=\"ftfaq2-index\">03<\/span>\n            <span class=\"ftfaq2-qtext\">\n              How can I book a scooter?\n            <\/span>\n            <span class=\"ftfaq2-icon\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/h3>\n\n        <div class=\"ftfaq2-answer\" id=\"ftfaq2-answer-3\">\n          <div class=\"ftfaq2-answer-inner\">\n            <p>\n              Choose a model from our fleet and message us\n              on WhatsApp with your rental dates.\n              Our team will confirm availability and rental conditions.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- QUESTION 04 -->\n      <article class=\"ftfaq2-item\">\n        <h3 class=\"ftfaq2-item-heading\">\n          <button\n            type=\"button\"\n            class=\"ftfaq2-question\"\n            aria-expanded=\"false\"\n            aria-controls=\"ftfaq2-answer-4\"\n          >\n            <span class=\"ftfaq2-index\">04<\/span>\n            <span class=\"ftfaq2-qtext\">\n              Can I rent for a week or a month?\n            <\/span>\n            <span class=\"ftfaq2-icon\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/h3>\n\n        <div class=\"ftfaq2-answer\" id=\"ftfaq2-answer-4\">\n          <div class=\"ftfaq2-answer-inner\">\n            <p>\n              Yes, weekly and monthly rentals are available,\n              with rates adapted to the rental period.\n              Contact us for a quote.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- QUESTION 05 -->\n      <article class=\"ftfaq2-item\">\n        <h3 class=\"ftfaq2-item-heading\">\n          <button\n            type=\"button\"\n            class=\"ftfaq2-question\"\n            aria-expanded=\"false\"\n            aria-controls=\"ftfaq2-answer-5\"\n          >\n            <span class=\"ftfaq2-index\">05<\/span>\n            <span class=\"ftfaq2-qtext\">\n              Which scooter is best for a beginner?\n            <\/span>\n            <span class=\"ftfaq2-icon\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/h3>\n\n        <div class=\"ftfaq2-answer\" id=\"ftfaq2-answer-5\">\n          <div class=\"ftfaq2-answer-inner\">\n            <p>\n              Lightweight models such as the Honda Click or Scoopy\n              are generally easier to handle. You still need riding\n              experience and the appropriate licence.\n              We do not recommend learning to ride in Phuket traffic.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- QUESTION 06 -->\n      <article class=\"ftfaq2-item\">\n        <h3 class=\"ftfaq2-item-heading\">\n          <button\n            type=\"button\"\n            class=\"ftfaq2-question\"\n            aria-expanded=\"false\"\n            aria-controls=\"ftfaq2-answer-6\"\n          >\n            <span class=\"ftfaq2-index\">06<\/span>\n            <span class=\"ftfaq2-qtext\">\n              Where is your rental shop?\n            <\/span>\n            <span class=\"ftfaq2-icon\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/h3>\n\n        <div class=\"ftfaq2-answer\" id=\"ftfaq2-answer-6\">\n          <div class=\"ftfaq2-answer-inner\">\n            <p>\n              You can find us in Patong at\n              77\/6-7 Phang Muang Sai Kor Road, Phuket.\n              Our location is also available on Google Maps.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <!-- QUESTION 07 -->\n      <article class=\"ftfaq2-item\">\n        <h3 class=\"ftfaq2-item-heading\">\n          <button\n            type=\"button\"\n            class=\"ftfaq2-question\"\n            aria-expanded=\"false\"\n            aria-controls=\"ftfaq2-answer-7\"\n          >\n            <span class=\"ftfaq2-index\">07<\/span>\n            <span class=\"ftfaq2-qtext\">\n              What if I have a breakdown or accident?\n            <\/span>\n            <span class=\"ftfaq2-icon\" aria-hidden=\"true\"><\/span>\n          <\/button>\n        <\/h3>\n\n        <div class=\"ftfaq2-answer\" id=\"ftfaq2-answer-7\">\n          <div class=\"ftfaq2-answer-inner\">\n            <p>\n              Contact our team immediately and share your location.\n              In case of an accident, prioritise safety and contact\n              emergency services if needed. We will guide you\n              through the next steps.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ==============================================\n   FAQ EDITORIAL V2 \u2014 ENGLISH\n============================================== *\/\n\n#faq.ftfaq2 {\n  --faq-ink:#142035;\n  --faq-muted:#6c7889;\n  --faq-line:#dce2e9;\n  --faq-blue:#2455ec;\n\n  width:100%;\n  padding:clamp(75px,9vw,125px) 0;\n  background:#f8f9fb;\n  color:var(--faq-ink);\n  font-family:Inter,Arial,Helvetica,sans-serif;\n  scroll-margin-top:90px;\n}\n\n#faq.ftfaq2 *,\n#faq.ftfaq2 *::before,\n#faq.ftfaq2 *::after {\n  box-sizing:border-box;\n}\n\n\/* LAYOUT *\/\n\n#faq.ftfaq2 .ftfaq2-wrap {\n  display:grid;\n  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);\n  gap:clamp(55px,8vw,125px);\n  width:min(1190px,calc(100% - 48px));\n  margin:0 auto;\n}\n\n\/* LEFT COLUMN *\/\n\n#faq.ftfaq2 .ftfaq2-left {\n  align-self:start;\n}\n\n#faq.ftfaq2 .ftfaq2-eyebrow {\n  display:block;\n  margin-bottom:24px;\n  color:var(--faq-blue);\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.5px;\n}\n\n#faq.ftfaq2 .ftfaq2-left h2 {\n  margin:0!important;\n  padding:0!important;\n  color:var(--faq-ink)!important;\n  font-family:Inter,Arial,Helvetica,sans-serif!important;\n  font-size:clamp(36px,4vw,57px)!important;\n  font-weight:800!important;\n  line-height:1.1!important;\n  letter-spacing:-.055em!important;\n  text-transform:none!important;\n}\n\n#faq.ftfaq2 .ftfaq2-left>p {\n  max-width:340px;\n  margin:24px 0 0!important;\n  color:var(--faq-muted)!important;\n  font-size:15px!important;\n  line-height:1.8!important;\n}\n\n\/* CONTACT CTA *\/\n\n#faq.ftfaq2 .ftfaq2-contact {\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  gap:12px;\n  margin-top:55px;\n}\n\n#faq.ftfaq2 .ftfaq2-contact>span {\n  color:var(--faq-muted);\n  font-size:13px;\n}\n\n#faq.ftfaq2 .ftfaq2-whatsapp {\n  display:inline-flex;\n  align-items:center;\n  gap:13px;\n  color:var(--faq-ink)!important;\n  font-size:15px;\n  font-weight:750;\n  text-decoration:none!important;\n  border-bottom:1px solid var(--faq-ink);\n  padding-bottom:5px;\n  transition:color .2s,border-color .2s;\n}\n\n#faq.ftfaq2 .ftfaq2-whatsapp:hover {\n  color:var(--faq-blue)!important;\n  border-color:var(--faq-blue);\n}\n\n#faq.ftfaq2 .ftfaq2-whatsapp svg {\n  width:17px;\n  height:17px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\/* ACCORDION *\/\n\n#faq.ftfaq2 .ftfaq2-right {\n  border-top:1px solid var(--faq-line);\n}\n\n#faq.ftfaq2 .ftfaq2-item {\n  border-bottom:1px solid var(--faq-line);\n}\n\n#faq.ftfaq2 .ftfaq2-item-heading {\n  margin:0!important;\n  padding:0!important;\n  font-size:inherit!important;\n  line-height:inherit!important;\n}\n\n#faq.ftfaq2 .ftfaq2-question {\n  display:grid;\n  grid-template-columns:34px minmax(0,1fr) 25px;\n  align-items:center;\n  gap:13px;\n  width:100%;\n  margin:0;\n  padding:25px 0;\n  border:0;\n  border-radius:0;\n  background:transparent;\n  color:var(--faq-ink);\n  font-family:inherit;\n  text-align:left;\n  cursor:pointer;\n}\n\n#faq.ftfaq2 .ftfaq2-index {\n  align-self:start;\n  padding-top:4px;\n  color:#97a3b3;\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.5px;\n}\n\n#faq.ftfaq2 .ftfaq2-qtext {\n  color:var(--faq-ink);\n  font-size:clamp(15px,1.4vw,18px);\n  font-weight:700;\n  line-height:1.45;\n  letter-spacing:-.018em;\n}\n\n\/* PLUS \/ MINUS ICON *\/\n\n#faq.ftfaq2 .ftfaq2-icon {\n  position:relative;\n  width:22px;\n  height:22px;\n  border:1px solid #ccd5e1;\n  border-radius:50%;\n  transition:background .2s,border-color .2s;\n}\n\n#faq.ftfaq2 .ftfaq2-icon::before,\n#faq.ftfaq2 .ftfaq2-icon::after {\n  content:\"\";\n  position:absolute;\n  top:50%;\n  left:50%;\n  width:9px;\n  height:1.5px;\n  background:var(--faq-ink);\n  transform:translate(-50%,-50%);\n  transition:transform .25s,background .25s;\n}\n\n#faq.ftfaq2 .ftfaq2-icon::after {\n  transform:translate(-50%,-50%) rotate(90deg);\n}\n\n#faq.ftfaq2 .ftfaq2-item.is-open .ftfaq2-icon {\n  background:var(--faq-blue);\n  border-color:var(--faq-blue);\n}\n\n#faq.ftfaq2 .ftfaq2-item.is-open .ftfaq2-icon::before,\n#faq.ftfaq2 .ftfaq2-item.is-open .ftfaq2-icon::after {\n  background:#fff;\n}\n\n#faq.ftfaq2 .ftfaq2-item.is-open .ftfaq2-icon::after {\n  transform:translate(-50%,-50%) rotate(0);\n}\n\n#faq.ftfaq2 .ftfaq2-question:focus-visible {\n  outline:2px solid var(--faq-blue);\n  outline-offset:3px;\n}\n\n\/* ANSWERS *\/\n\n#faq.ftfaq2 .ftfaq2-answer {\n  display:grid;\n  grid-template-rows:0fr;\n  opacity:0;\n  visibility:hidden;\n\n  transition:\n    grid-template-rows .3s ease,\n    opacity .3s ease,\n    visibility .3s ease;\n}\n\n#faq.ftfaq2 .ftfaq2-item.is-open .ftfaq2-answer {\n  grid-template-rows:1fr;\n  opacity:1;\n  visibility:visible;\n}\n\n#faq.ftfaq2 .ftfaq2-answer-inner {\n  min-height:0;\n  overflow:hidden;\n}\n\n#faq.ftfaq2 .ftfaq2-answer p {\n  max-width:510px;\n  margin:0!important;\n  padding:0 25px 25px 47px;\n  color:var(--faq-muted)!important;\n  font-size:14px!important;\n  line-height:1.85!important;\n}\n\n\/* TABLET *\/\n\n@media(max-width:960px) {\n  #faq.ftfaq2 .ftfaq2-wrap {\n    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\n    gap:40px;\n  }\n\n  #faq.ftfaq2 .ftfaq2-left h2 {\n    font-size:38px!important;\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:767px) {\n  #faq.ftfaq2 {\n    padding:65px 0 75px;\n  }\n\n  #faq.ftfaq2 .ftfaq2-wrap {\n    display:block;\n    width:calc(100% - 32px);\n  }\n\n  #faq.ftfaq2 .ftfaq2-eyebrow {\n    margin-bottom:16px;\n  }\n\n  #faq.ftfaq2 .ftfaq2-left h2 {\n    font-size:clamp(34px,9vw,43px)!important;\n  }\n\n  #faq.ftfaq2 .ftfaq2-left>p {\n    margin-top:15px!important;\n    font-size:14px!important;\n  }\n\n  #faq.ftfaq2 .ftfaq2-contact {\n    margin-top:23px;\n    gap:7px;\n  }\n\n  #faq.ftfaq2 .ftfaq2-right {\n    margin-top:38px;\n  }\n\n  #faq.ftfaq2 .ftfaq2-question {\n    grid-template-columns:25px minmax(0,1fr) 22px;\n    gap:9px;\n    padding:21px 0;\n  }\n\n  #faq.ftfaq2 .ftfaq2-qtext {\n    font-size:15px;\n  }\n\n  #faq.ftfaq2 .ftfaq2-answer p {\n    padding:0 10px 22px 34px;\n    font-size:13px!important;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  #faq.ftfaq2 .ftfaq2-answer,\n  #faq.ftfaq2 .ftfaq2-icon,\n  #faq.ftfaq2 .ftfaq2-icon::before,\n  #faq.ftfaq2 .ftfaq2-icon::after {\n    transition:none!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root=document.querySelector('#faq.ftfaq2');\n\n  if(!root||root.dataset.ready==='1')return;\n  root.dataset.ready='1';\n\n  \/* ENGLISH WHATSAPP MESSAGE *\/\n\n  const wa=root.querySelector('.ftfaq2-whatsapp');\n\n  if(wa){\n    const message=\n      'Hello F&T Motorbike! I have a question about renting a scooter.';\n\n    wa.href='https:\/\/wa.me\/66656522579?text='+\n      encodeURIComponent(message);\n  }\n\n  \/* ACCORDION *\/\n\n  const items=Array.from(\n    root.querySelectorAll('.ftfaq2-item')\n  );\n\n  function setOpen(item,open){\n    const button=item.querySelector('.ftfaq2-question');\n    const answer=item.querySelector('.ftfaq2-answer');\n\n    item.classList.toggle('is-open',open);\n\n    button.setAttribute(\n      'aria-expanded',\n      String(open)\n    );\n\n    answer.setAttribute(\n      'aria-hidden',\n      String(!open)\n    );\n  }\n\n  items.forEach(function(item){\n    const button=item.querySelector('.ftfaq2-question');\n\n    button.addEventListener('click',function(){\n      const wasOpen=item.classList.contains('is-open');\n\n      items.forEach(function(other){\n        setOpen(other,false);\n      });\n\n      if(!wasOpen){\n        setOpen(item,true);\n      }\n    });\n  });\n\n  \/\/ Open first question by default\n  items.forEach(function(item,index){\n    setOpen(item,index===0);\n  });\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-209fe84 elementor-widget elementor-widget-html\" data-id=\"209fe84\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- ==========================================\n F&T MOTORBIKE \u2014 FOOTER V6 ENGLISH\n PASTEL EDITORIAL \/ RESPONSIVE \/ ELEMENTOR\n========================================== -->\n\n<footer id=\"contact\" class=\"ftfoot6\" lang=\"en\">\n  <div class=\"ftfoot6-shell\">\n\n    <div class=\"ftfoot6-content\">\n\n      <!-- TOPLINE -->\n      <div class=\"ftfoot6-topline\">\n        <span class=\"ftfoot6-location\">\n          <span class=\"ftfoot6-dot\"><\/span>\n          PATONG, PHUKET\n        <\/span>\n\n        <a href=\"#hero\" class=\"ftfoot6-backtop\">\n          <span>Back to top<\/span>\n          <span aria-hidden=\"true\">\u2191<\/span>\n        <\/a>\n      <\/div>\n\n      <!-- BRAND -->\n      <div class=\"ftfoot6-brand\">\n        <a href=\"#hero\" aria-label=\"F&T Motorbike \u2014 Back to top\">\n          <img\n            src=\"https:\/\/ftmotorbike.com\/wp-content\/uploads\/2024\/02\/Design-sans-titre.png\"\n            alt=\"F&T Motorbike\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/a>\n\n        <p>\n          Your starting point to explore Phuket on two wheels.\n        <\/p>\n      <\/div>\n\n      <!-- NAVIGATION & CONTACT -->\n      <div class=\"ftfoot6-columns\">\n\n        <nav class=\"ftfoot6-nav\" aria-label=\"Footer navigation\">\n          <h3>Explore<\/h3>\n\n          <a href=\"#hero\">Home<\/a>\n          <a href=\"#scooters\">Our scooters<\/a>\n          <a href=\"#ft-video\">Our story<\/a>\n          <a href=\"#faq\">FAQ<\/a>\n          <a href=\"#assistance\">Support<\/a>\n        <\/nav>\n\n        <div class=\"ftfoot6-details\">\n          <h3>Visit our shop<\/h3>\n\n          <a\n            class=\"ftfoot6-address\"\n            href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=7.8859269%2C98.297463\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            77\/6-7 Phang Muang Sai Kor\n            <span>Patong, Phuket 83150<\/span>\n            <span>Thailand \u2197<\/span>\n          <\/a>\n\n          <div class=\"ftfoot6-hours\">\n            <span>Every day<\/span>\n            <strong>09:00 \u2014 21:00<\/strong>\n          <\/div>\n\n          <a\n            class=\"ftfoot6-phone\"\n            href=\"tel:+66980898385\"\n          >\n            +66 98 089 8385\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- WHATSAPP & SOCIALS -->\n      <div class=\"ftfoot6-connect\">\n\n        <a\n          class=\"ftfoot6-whatsapp\"\n          data-wa\n          href=\"https:\/\/wa.me\/66634206022\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <span class=\"ftfoot6-waicon\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M20 12a8 8 0 0 1-11.8 7L4 20l1-4.2A8 8 0 1 1 20 12Z\"\/>\n              <path d=\"M8.7 9.2c.6 2.7 2.4 4.6 5.3 5.7.4.1.7 0 1-.3l.7-.7\"\/>\n            <\/svg>\n          <\/span>\n\n          <span>Chat on WhatsApp<\/span>\n          <span class=\"ftfoot6-waarrow\">\u2197<\/span>\n        <\/a>\n\n        <div class=\"ftfoot6-socials\">\n\n          <!-- INSTAGRAM -->\n          <a\n            href=\"https:\/\/www.instagram.com\/ftmotorbike?igsh=MzRlODBiNWFlZA==\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"Instagram\"\n          >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n              <circle cx=\"17.5\" cy=\"6.5\" r=\".9\" fill=\"currentColor\" stroke=\"none\"\/>\n            <\/svg>\n          <\/a>\n\n          <!-- FACEBOOK -->\n          <a\n            href=\"https:\/\/www.facebook.com\/profile.php?id=100056081266957\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"Facebook\"\n          >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M14.5 21v-8h3l.5-4h-3.5V7.5c0-1.2.4-1.8 1.8-1.8H18V2.2c-.5-.1-1.7-.2-3.2-.2-3.3 0-5.4 2-5.4 5.6V9H6v4h3.4v8\"\/>\n            <\/svg>\n          <\/a>\n\n          <!-- SNAPCHAT -->\n          <a\n            href=\"https:\/\/t.snapchat.com\/9edfIoX0\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label=\"Snapchat\"\n          >\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M12 3c3 0 5 2 5 5.1 0 1.4.6 2.2 1.7 2.8.4.2.5.7.2 1-.9.8-2 1-3 .9.1.8.7 1.5 2.1 1.7.4.1.6.6.3.9-.8.8-2 1.3-3.4 1.5-.7 1.2-1.9 2.2-2.9 2.2s-2.2-1-2.9-2.2c-1.4-.2-2.6-.7-3.4-1.5-.3-.3-.1-.8.3-.9 1.4-.2 2-1 2.1-1.7-.8.1-2 0-3-.9-.3-.3-.2-.8.2-1C7.4 10.3 8 9.5 8 8.1 8 5 10 3 12 3Z\"\/>\n            <\/svg>\n          <\/a>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT IMAGE -->\n    <div class=\"ftfoot6-visual\">\n      <img\n        src=\"https:\/\/ftmotorbike.com\/wp-content\/uploads\/2024\/02\/Design-sans-titre-11.png\"\n        alt=\"Scooter ride in Phuket, Thailand\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n\n      <div class=\"ftfoot6-shade\"><\/div>\n\n      <div class=\"ftfoot6-visualtext\">\n        <span>PHUKET, THAILAND<\/span>\n\n        <h3>See you on the road.<\/h3>\n\n        <a\n          href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=7.8859269%2C98.297463\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          <span>Find our shop<\/span>\n          <span aria-hidden=\"true\">\u2197<\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- BOTTOM BAR -->\n  <div class=\"ftfoot6-bottom\">\n    <div class=\"ftfoot6-bottominner\">\n\n      <strong>\n        F&T MOTORBIKE <span>\/<\/span> PATONG\n      <\/strong>\n\n      <p>\n        \u00a9 <span data-year>2026<\/span> F&T Motorbike.\n        All rights reserved.\n      <\/p>\n\n      <span>FR \u00b7 EN \u00b7 RU<\/span>\n\n    <\/div>\n  <\/div>\n<\/footer>\n\n<style>\n\/* ==========================================\n   FOOTER V6 \u2014 ENGLISH\n========================================== *\/\n\n#contact.ftfoot6 {\n  --ft6-bg:#f5f6f8;\n  --ft6-ink:#182230;\n  --ft6-muted:#758193;\n  --ft6-blue:#1648ff;\n  --ft6-line:#e1e6ed;\n\n  width:100%;\n  overflow:hidden;\n  background:var(--ft6-bg);\n  color:var(--ft6-ink);\n  font-family:Inter,Arial,Helvetica,sans-serif;\n  scroll-margin-top:100px;\n}\n\n#contact.ftfoot6 *,\n#contact.ftfoot6 *::before,\n#contact.ftfoot6 *::after {\n  box-sizing:border-box;\n}\n\n#contact.ftfoot6 a {\n  text-decoration:none!important;\n}\n\n#contact.ftfoot6 a:focus-visible {\n  outline:2px solid var(--ft6-blue);\n  outline-offset:4px;\n}\n\n\/* LAYOUT *\/\n\n#contact.ftfoot6 .ftfoot6-shell {\n  display:grid;\n  grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);\n  min-height:615px;\n}\n\n#contact.ftfoot6 .ftfoot6-content {\n  display:flex;\n  flex-direction:column;\n  min-width:0;\n  padding:\n    34px clamp(28px,5vw,85px) 38px\n    max(28px,calc((100vw - 1320px)\/2));\n}\n\n\/* TOPLINE *\/\n\n#contact.ftfoot6 .ftfoot6-topline {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:15px;\n  padding-bottom:24px;\n  border-bottom:1px solid var(--ft6-line);\n}\n\n#contact.ftfoot6 .ftfoot6-location {\n  display:flex;\n  align-items:center;\n  gap:10px;\n  color:#758193;\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1.3px;\n}\n\n#contact.ftfoot6 .ftfoot6-dot {\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:var(--ft6-blue);\n}\n\n#contact.ftfoot6 .ftfoot6-backtop {\n  display:flex;\n  align-items:center;\n  gap:9px;\n  color:var(--ft6-ink)!important;\n  font-size:12px;\n  font-weight:750;\n  transition:color .2s;\n}\n\n#contact.ftfoot6 .ftfoot6-backtop:hover {\n  color:var(--ft6-blue)!important;\n}\n\n#contact.ftfoot6 .ftfoot6-backtop span:last-child {\n  font-size:18px;\n}\n\n\/* BRAND *\/\n\n#contact.ftfoot6 .ftfoot6-brand {\n  padding:34px 0 33px;\n}\n\n#contact.ftfoot6 .ftfoot6-brand>a {\n  display:inline-flex;\n  align-items:center;\n}\n\n#contact.ftfoot6 .ftfoot6-brand img {\n  display:block!important;\n  width:170px!important;\n  height:65px!important;\n  max-width:100%!important;\n  object-fit:contain!important;\n  object-position:left center!important;\n  margin:0!important;\n  padding:0!important;\n  border:0!important;\n  border-radius:0!important;\n}\n\n#contact.ftfoot6 .ftfoot6-brand p {\n  max-width:345px;\n  margin:14px 0 0!important;\n  color:var(--ft6-muted)!important;\n  font-size:14px!important;\n  line-height:1.7!important;\n}\n\n\/* COLUMNS *\/\n\n#contact.ftfoot6 .ftfoot6-columns {\n  display:grid;\n  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);\n  gap:38px;\n  padding:25px 0 32px;\n  border-top:1px solid var(--ft6-line);\n}\n\n#contact.ftfoot6 .ftfoot6-nav,\n#contact.ftfoot6 .ftfoot6-details {\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  gap:10px;\n  min-width:0;\n}\n\n#contact.ftfoot6 .ftfoot6-nav h3,\n#contact.ftfoot6 .ftfoot6-details h3 {\n  margin:0 0 10px!important;\n  color:var(--ft6-ink)!important;\n  font-size:13px!important;\n  font-weight:850!important;\n  line-height:1.4!important;\n}\n\n#contact.ftfoot6 .ftfoot6-nav>a,\n#contact.ftfoot6 .ftfoot6-details>a {\n  color:var(--ft6-muted)!important;\n  font-size:13px;\n  line-height:1.65;\n  transition:color .2s,transform .2s;\n}\n\n#contact.ftfoot6 .ftfoot6-nav>a:hover,\n#contact.ftfoot6 .ftfoot6-details>a:hover {\n  color:var(--ft6-blue)!important;\n}\n\n#contact.ftfoot6 .ftfoot6-nav>a:hover {\n  transform:translateX(3px);\n}\n\n#contact.ftfoot6 .ftfoot6-address {\n  display:flex;\n  flex-direction:column;\n}\n\n#contact.ftfoot6 .ftfoot6-hours {\n  display:flex;\n  flex-direction:column;\n  gap:5px;\n  margin-top:8px;\n}\n\n#contact.ftfoot6 .ftfoot6-hours span {\n  color:var(--ft6-muted);\n  font-size:12px;\n}\n\n#contact.ftfoot6 .ftfoot6-hours strong {\n  color:var(--ft6-ink);\n  font-size:16px;\n  font-weight:800;\n  letter-spacing:-.025em;\n}\n\n#contact.ftfoot6 .ftfoot6-details>a.ftfoot6-phone {\n  color:var(--ft6-ink)!important;\n  font-weight:800;\n}\n\n\/* WHATSAPP + SOCIALS *\/\n\n#contact.ftfoot6 .ftfoot6-connect {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  margin-top:auto;\n  padding-top:24px;\n  border-top:1px solid var(--ft6-line);\n}\n\n#contact.ftfoot6 .ftfoot6-whatsapp {\n  display:flex;\n  align-items:center;\n  gap:12px;\n  min-height:52px;\n  padding:0 16px 0 7px;\n  border:1px solid #dce2ea;\n  border-radius:30px;\n  background:#fff;\n  color:var(--ft6-ink)!important;\n  font-size:12px;\n  font-weight:800;\n  white-space:nowrap;\n\n  transition:\n    transform .25s,\n    box-shadow .25s,\n    border-color .25s;\n}\n\n#contact.ftfoot6 .ftfoot6-whatsapp:hover {\n  transform:translateY(-2px);\n  border-color:#bfc9d8;\n  box-shadow:0 8px 22px rgba(20,35,55,.08);\n}\n\n#contact.ftfoot6 .ftfoot6-waicon {\n  display:grid;\n  place-items:center;\n  width:37px;\n  height:37px;\n  border-radius:50%;\n  background:#20c568;\n  color:#fff;\n}\n\n#contact.ftfoot6 .ftfoot6-waicon svg {\n  width:21px;\n  height:21px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.7;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n#contact.ftfoot6 .ftfoot6-waarrow {\n  margin-left:7px;\n  font-size:17px;\n  font-weight:400;\n}\n\n#contact.ftfoot6 .ftfoot6-socials {\n  display:flex;\n  align-items:center;\n  gap:9px;\n}\n\n#contact.ftfoot6 .ftfoot6-socials a {\n  display:grid;\n  place-items:center;\n  width:37px;\n  height:37px;\n  border:1px solid #d7dee7;\n  border-radius:50%;\n  color:var(--ft6-ink)!important;\n\n  transition:\n    background .2s,\n    color .2s,\n    border-color .2s;\n}\n\n#contact.ftfoot6 .ftfoot6-socials a:hover {\n  background:var(--ft6-blue);\n  border-color:var(--ft6-blue);\n  color:#fff!important;\n}\n\n#contact.ftfoot6 .ftfoot6-socials svg {\n  width:16px;\n  height:16px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.65;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\/* RIGHT IMAGE *\/\n\n#contact.ftfoot6 .ftfoot6-visual {\n  position:relative;\n  min-width:0;\n  min-height:615px;\n  overflow:hidden;\n  background:#1b2d40;\n}\n\n#contact.ftfoot6 .ftfoot6-visual>img {\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  min-height:615px;\n  max-width:none!important;\n  object-fit:cover!important;\n  object-position:center!important;\n  border:0!important;\n  border-radius:0!important;\n  margin:0!important;\n  padding:0!important;\n\n  transition:transform .9s cubic-bezier(.2,.7,.2,1);\n}\n\n#contact.ftfoot6 .ftfoot6-visual:hover>img {\n  transform:scale(1.04);\n}\n\n#contact.ftfoot6 .ftfoot6-shade {\n  position:absolute;\n  inset:0;\n\n  background:linear-gradient(\n    to top,\n    rgba(5,15,28,.77),\n    rgba(5,15,28,.08) 55%,\n    transparent 85%\n  );\n\n  pointer-events:none;\n}\n\n#contact.ftfoot6 .ftfoot6-visualtext {\n  position:absolute;\n  left:35px;\n  right:35px;\n  bottom:40px;\n  color:#fff;\n}\n\n#contact.ftfoot6 .ftfoot6-visualtext>span {\n  color:#e0e8f4;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:1.5px;\n}\n\n#contact.ftfoot6 .ftfoot6-visualtext h3 {\n  max-width:360px;\n  margin:12px 0 23px!important;\n  color:#fff!important;\n  font-size:clamp(28px,3vw,43px)!important;\n  font-weight:850!important;\n  line-height:1.1!important;\n  letter-spacing:-.045em!important;\n}\n\n#contact.ftfoot6 .ftfoot6-visualtext a {\n  display:inline-flex;\n  align-items:center;\n  gap:13px;\n  padding-bottom:6px;\n  border-bottom:1px solid rgba(255,255,255,.7);\n  color:#fff!important;\n  font-size:13px;\n  font-weight:750;\n}\n\n#contact.ftfoot6 .ftfoot6-visualtext a:hover {\n  color:#d5e0ff!important;\n}\n\n\/* BOTTOM BAR *\/\n\n#contact.ftfoot6 .ftfoot6-bottom {\n  background:#eef1f5;\n  border-top:1px solid #e0e5ec;\n}\n\n#contact.ftfoot6 .ftfoot6-bottominner {\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n\n  width:min(1320px,calc(100% - 48px));\n  min-height:73px;\n  margin:auto;\n}\n\n#contact.ftfoot6 .ftfoot6-bottominner>strong {\n  color:var(--ft6-ink);\n  font-size:10px;\n  font-weight:850;\n  letter-spacing:1px;\n}\n\n#contact.ftfoot6 .ftfoot6-bottominner>strong span {\n  color:var(--ft6-blue);\n  margin:0 5px;\n}\n\n#contact.ftfoot6 .ftfoot6-bottominner>p {\n  margin:0!important;\n  color:#8792a1!important;\n  font-size:11px!important;\n}\n\n#contact.ftfoot6 .ftfoot6-bottominner>span {\n  color:#8792a1;\n  font-size:10px;\n  font-weight:750;\n  letter-spacing:1px;\n}\n\n\/* TABLET *\/\n\n@media(max-width:1150px) {\n  #contact.ftfoot6 .ftfoot6-shell {\n    grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);\n  }\n\n  #contact.ftfoot6 .ftfoot6-content {\n    padding:30px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-columns {\n    gap:25px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-connect {\n    flex-direction:column;\n    align-items:flex-start;\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:767px) {\n  #contact.ftfoot6 .ftfoot6-shell {\n    display:flex;\n    flex-direction:column;\n    min-height:0;\n  }\n\n  #contact.ftfoot6 .ftfoot6-content {\n    padding:25px 18px 35px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-topline {\n    padding-bottom:20px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-location {\n    font-size:9px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-backtop {\n    font-size:11px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-brand {\n    padding:25px 0;\n  }\n\n  #contact.ftfoot6 .ftfoot6-brand img {\n    height:56px!important;\n  }\n\n  #contact.ftfoot6 .ftfoot6-brand p {\n    font-size:13px!important;\n  }\n\n  #contact.ftfoot6 .ftfoot6-columns {\n    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);\n    gap:20px;\n    padding:24px 0 29px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-nav h3,\n  #contact.ftfoot6 .ftfoot6-details h3 {\n    font-size:12px!important;\n  }\n\n  #contact.ftfoot6 .ftfoot6-nav>a,\n  #contact.ftfoot6 .ftfoot6-details>a {\n    font-size:12px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-connect {\n    gap:20px;\n    padding-top:24px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-visual {\n    height:340px;\n    min-height:340px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-visual>img {\n    min-height:340px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-visualtext {\n    left:20px;\n    right:20px;\n    bottom:24px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-visualtext h3 {\n    font-size:31px!important;\n  }\n\n  #contact.ftfoot6 .ftfoot6-bottominner {\n    flex-wrap:wrap;\n    gap:10px;\n    width:calc(100% - 36px);\n    padding:22px 0 105px;\n  }\n\n  #contact.ftfoot6 .ftfoot6-bottominner>strong {\n    width:100%;\n  }\n\n  #contact.ftfoot6 .ftfoot6-bottominner>p {\n    font-size:10px!important;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  #contact.ftfoot6 *,\n  #contact.ftfoot6 *::before,\n  #contact.ftfoot6 *::after {\n    transition:none!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const root=document.querySelector('#contact.ftfoot6');\n\n  if(!root||root.dataset.ready==='1')return;\n  root.dataset.ready='1';\n\n  \/\/ Automatically update copyright year\n  const year=root.querySelector('[data-year]');\n\n  if(year){\n    year.textContent=new Date().getFullYear();\n  }\n\n  \/\/ English WhatsApp booking message\n  const wa=root.querySelector('[data-wa]');\n\n  if(wa){\n    const message=\n      'Hello F&T Motorbike! I would like to book a scooter in Patong.';\n\n    wa.href='https:\/\/wa.me\/66634206022?text='+\n      encodeURIComponent(message);\n  }\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d64394d elementor-widget elementor-widget-html\" data-id=\"d64394d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n<!-- ==========================================\n F&T MOTORBIKE \u2014 FLOAT NAV V6 ENGLISH\n PREMIUM FLOATING NAVIGATION\n DESKTOP + MOBILE \/ ELEMENTOR\n========================================== -->\n\n<nav id=\"ft-floatnav\" class=\"ftfloat6\" lang=\"en\" aria-label=\"Quick navigation\">\n\n  <!-- LANGUAGE SELECTOR -->\n  <div class=\"ftfloat6-lang\">\n    <button\n      class=\"ftfloat6-item ftfloat6-langbtn\"\n      type=\"button\"\n      aria-expanded=\"false\"\n      aria-haspopup=\"true\"\n      aria-controls=\"ftfloat6-language-menu\"\n      aria-label=\"Choose a language\"\n    >\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path d=\"M3 5h12M9 3v2m4 0c-.6 5-3.4 9.2-8 12m1-8c1.5 3.5 4 6 8 8M14 13h7m-3.5-3-4.5 11m2-4h5\"\/>\n      <\/svg>\n      <span>Language<\/span>\n    <\/button>\n\n    <div\n      id=\"ftfloat6-language-menu\"\n      class=\"ftfloat6-langmenu\"\n      aria-label=\"Select language\"\n    >\n      <a href=\"https:\/\/ftmotorbike.com\/\">\n        \ud83c\uddeb\ud83c\uddf7 <span>Fran\u00e7ais<\/span>\n      <\/a>\n\n      <a\n        href=\"https:\/\/ftmotorbike.com\/index.php\/ft-english\/\"\n        aria-current=\"page\"\n      >\n        \ud83c\uddec\ud83c\udde7 <span>English<\/span>\n      <\/a>\n\n      <a href=\"https:\/\/ftmotorbike.com\/index.php\/ft-russe\/\">\n        \ud83c\uddf7\ud83c\uddfa <span>\u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <span class=\"ftfloat6-divider\" aria-hidden=\"true\"><\/span>\n\n  <!-- SCOOTERS -->\n  <a\n    href=\"#scooters\"\n    class=\"ftfloat6-item\"\n    data-navtarget=\"scooters\"\n  >\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <circle cx=\"5\" cy=\"17\" r=\"3\"\/>\n      <circle cx=\"19\" cy=\"17\" r=\"3\"\/>\n      <path d=\"M8 17h5l2.5-6H19M10 11h4l-1.5 6M8 11H5M16 8h3\"\/>\n    <\/svg>\n    <span>Scooters<\/span>\n  <\/a>\n\n  <!-- SUPPORT -->\n  <a\n    href=\"#assistance\"\n    class=\"ftfloat6-item\"\n    data-navtarget=\"assistance\"\n  >\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M4 13v-2a8 8 0 0 1 16 0v2\"\/>\n      <rect x=\"2.5\" y=\"12\" width=\"4\" height=\"7\" rx=\"2\"\/>\n      <rect x=\"17.5\" y=\"12\" width=\"4\" height=\"7\" rx=\"2\"\/>\n      <path d=\"M19 19a5 5 0 0 1-5 3h-2\"\/>\n    <\/svg>\n    <span>Support<\/span>\n  <\/a>\n\n  <!-- DIRECTIONS -->\n  <a\n    class=\"ftfloat6-item ftfloat6-maps\"\n    href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=7.8859269%2C98.297463\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n  >\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\n      <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n    <\/svg>\n    <span>Directions<\/span>\n  <\/a>\n\n  <!-- BOOKING CTA -->\n  <a\n    class=\"ftfloat6-book\"\n    id=\"ftfloat6-book\"\n    href=\"https:\/\/wa.me\/66634206022\"\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n  >\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M20 12a8 8 0 0 1-11.8 7L4 20l1-4.2A8 8 0 1 1 20 12Z\"\/>\n      <path d=\"M8.5 9.2c.6 2.7 2.4 4.6 5.3 5.7.4.1.7 0 1-.3l.7-.7\"\/>\n    <\/svg>\n\n    <span>Book now<\/span>\n\n    <svg class=\"ftfloat6-arrow\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path d=\"M5 19 19 5M8 5h11v11\"\/>\n    <\/svg>\n  <\/a>\n\n<\/nav>\n\n<style>\n\/* ==========================================\n   FLOATING NAV \u2014 BASE\n========================================== *\/\n\n#ft-floatnav.ftfloat6 {\n  --ftn-blue:#2154e9;\n  --ftn-ink:#17243a;\n  --ftn-muted:#68758a;\n  --ftn-soft:#edf2ff;\n\n  position:fixed!important;\n  z-index:999999!important;\n  bottom:22px;\n  left:50%;\n\n  display:flex;\n  align-items:center;\n  gap:4px;\n\n  width:max-content;\n  max-width:calc(100vw - 30px);\n  padding:7px;\n\n  border:1px solid rgba(214,222,233,.95);\n  border-radius:100px;\n  background:rgba(255,255,255,.97);\n\n  box-shadow:\n    0 10px 35px rgba(17,34,62,.13),\n    0 2px 8px rgba(17,34,62,.05);\n\n  font-family:Inter,Arial,Helvetica,sans-serif;\n  transform:translateX(-50%);\n  -webkit-font-smoothing:antialiased;\n}\n\n#ft-floatnav.ftfloat6 *,\n#ft-floatnav.ftfloat6 *::before,\n#ft-floatnav.ftfloat6 *::after {\n  box-sizing:border-box;\n}\n\n#ft-floatnav.ftfloat6 a,\n#ft-floatnav.ftfloat6 button {\n  -webkit-tap-highlight-color:transparent;\n}\n\n#ft-floatnav.ftfloat6 a:focus-visible,\n#ft-floatnav.ftfloat6 button:focus-visible {\n  outline:2px solid var(--ftn-blue);\n  outline-offset:3px;\n}\n\n\/* NAV ITEMS *\/\n\n#ft-floatnav.ftfloat6 .ftfloat6-item {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n\n  min-height:47px;\n  padding:0 16px;\n\n  border:0;\n  border-radius:100px;\n  background:transparent;\n\n  color:var(--ftn-muted)!important;\n  font-family:inherit!important;\n  font-size:12px;\n  font-weight:700;\n  line-height:1;\n  text-decoration:none!important;\n  white-space:nowrap;\n  cursor:pointer;\n\n  transition:\n    background .2s,\n    color .2s,\n    transform .2s;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-item:hover {\n  background:#f3f6fb;\n  color:var(--ftn-ink)!important;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-item.is-active {\n  background:var(--ftn-soft);\n  color:var(--ftn-blue)!important;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-item svg {\n  display:block;\n  width:19px;\n  height:19px;\n  flex-shrink:0;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-divider {\n  width:1px;\n  height:22px;\n  flex:0 0 1px;\n  margin:0 4px;\n  background:#e4e9f0;\n}\n\n\/* BOOKING BUTTON *\/\n\n#ft-floatnav.ftfloat6 .ftfloat6-book {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n\n  min-height:47px;\n  padding:0 18px;\n\n  border-radius:100px;\n  background:var(--ftn-blue);\n  color:#fff!important;\n\n  font-family:inherit!important;\n  font-size:12px;\n  font-weight:800;\n  line-height:1;\n  text-decoration:none!important;\n  white-space:nowrap;\n\n  transition:\n    background .2s,\n    transform .2s,\n    box-shadow .2s;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-book:hover {\n  background:#123fc5;\n  transform:translateY(-2px);\n  box-shadow:0 7px 15px rgba(33,84,233,.22);\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-book svg {\n  width:19px;\n  height:19px;\n  flex-shrink:0;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.8;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-book .ftfloat6-arrow {\n  width:14px;\n  height:14px;\n  margin-left:3px;\n}\n\n\/* LANGUAGE DROPDOWN *\/\n\n#ft-floatnav.ftfloat6 .ftfloat6-lang {\n  position:relative;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-langmenu {\n  position:absolute;\n  bottom:calc(100% + 18px);\n  left:0;\n\n  display:flex;\n  flex-direction:column;\n  gap:4px;\n\n  min-width:170px;\n  padding:7px;\n\n  border:1px solid #e1e7f0;\n  border-radius:15px;\n  background:#fff;\n\n  box-shadow:0 15px 45px rgba(16,32,58,.15);\n\n  opacity:0;\n  visibility:hidden;\n  transform:translateY(8px);\n  pointer-events:none;\n\n  transition:\n    opacity .2s,\n    transform .2s,\n    visibility .2s;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-lang.is-open .ftfloat6-langmenu {\n  opacity:1;\n  visibility:visible;\n  transform:translateY(0);\n  pointer-events:auto;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-langmenu a {\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  min-height:40px;\n  padding:0 12px;\n\n  border-radius:9px;\n  color:var(--ftn-ink)!important;\n\n  font-size:12px;\n  font-weight:650;\n  text-decoration:none!important;\n  white-space:nowrap;\n}\n\n#ft-floatnav.ftfloat6 .ftfloat6-langmenu a:hover,\n#ft-floatnav.ftfloat6 .ftfloat6-langmenu a[aria-current=\"page\"] {\n  background:var(--ftn-soft);\n  color:var(--ftn-blue)!important;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:767px) {\n  #ft-floatnav.ftfloat6 {\n    bottom:max(12px,env(safe-area-inset-bottom));\n    gap:1px;\n\n    width:calc(100vw - 24px);\n    max-width:480px;\n    padding:6px;\n    justify-content:space-between;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-divider {\n    display:none;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-item {\n    flex:1 1 0;\n    flex-direction:column;\n    gap:5px;\n\n    min-width:0;\n    min-height:53px;\n    padding:7px 4px;\n\n    font-size:9px;\n    font-weight:700;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-item svg {\n    width:19px;\n    height:19px;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-lang {\n    flex:1 1 0;\n    min-width:0;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-langbtn {\n    width:100%;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-book {\n    flex:1.25 1 0;\n    flex-direction:column;\n    gap:5px;\n\n    min-width:0;\n    min-height:53px;\n    padding:7px 6px;\n    font-size:9px;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-book svg {\n    width:19px;\n    height:19px;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-book .ftfloat6-arrow {\n    display:none;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-langmenu {\n    bottom:calc(100% + 15px);\n    left:-2px;\n  }\n}\n\n@media(max-width:350px) {\n  #ft-floatnav.ftfloat6 {\n    width:calc(100vw - 12px);\n    padding:4px;\n  }\n\n  #ft-floatnav.ftfloat6 .ftfloat6-item,\n  #ft-floatnav.ftfloat6 .ftfloat6-book {\n    font-size:8px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  #ft-floatnav.ftfloat6 *,\n  #ft-floatnav.ftfloat6 *::before,\n  #ft-floatnav.ftfloat6 *::after {\n    transition:none!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const nav=document.querySelector('#ft-floatnav.ftfloat6');\n\n  if(!nav||nav.dataset.ready==='1')return;\n  nav.dataset.ready='1';\n\n  \/* ENGLISH WHATSAPP MESSAGE *\/\n\n  const book=nav.querySelector('#ftfloat6-book');\n\n  const message=\n    'Hello F&T Motorbike! I would like to book a scooter in Patong.';\n\n  if(book){\n    book.href='https:\/\/wa.me\/66634206022?text='+\n      encodeURIComponent(message);\n  }\n\n  \/* LANGUAGE DROPDOWN *\/\n\n  const langWrap=nav.querySelector('.ftfloat6-lang');\n  const langButton=nav.querySelector('.ftfloat6-langbtn');\n\n  function closeLanguages(){\n    langWrap.classList.remove('is-open');\n    langButton.setAttribute('aria-expanded','false');\n  }\n\n  langButton.addEventListener('click',function(e){\n    e.stopPropagation();\n\n    const isOpen=langWrap.classList.toggle('is-open');\n    langButton.setAttribute('aria-expanded',String(isOpen));\n  });\n\n  document.addEventListener('click',function(e){\n    if(!langWrap.contains(e.target)){\n      closeLanguages();\n    }\n  });\n\n  document.addEventListener('keydown',function(e){\n    if(e.key==='Escape'){\n      const wasOpen=langWrap.classList.contains('is-open');\n      closeLanguages();\n\n      if(wasOpen)langButton.focus();\n    }\n  });\n\n  \/* ACTIVE SECTION TRACKING *\/\n\n  const sectionLinks=nav.querySelectorAll('[data-navtarget]');\n\n  const sections=Array.from(sectionLinks)\n    .map(function(link){\n      return {\n        link:link,\n        section:document.getElementById(link.dataset.navtarget)\n      };\n    })\n    .filter(function(item){\n      return item.section;\n    });\n\n  function updateActive(){\n    const viewportLine=window.innerHeight*.48;\n    let active=null;\n\n    sections.forEach(function(item){\n      const rect=item.section.getBoundingClientRect();\n\n      if(rect.top<=viewportLine&&rect.bottom>=viewportLine){\n        active=item.link;\n      }\n    });\n\n    sectionLinks.forEach(function(link){\n      const isActive=link===active;\n\n      link.classList.toggle('is-active',isActive);\n\n      if(isActive){\n        link.setAttribute('aria-current','location');\n      }else{\n        link.removeAttribute('aria-current');\n      }\n    });\n  }\n\n  let ticking=false;\n\n  function requestUpdate(){\n    if(ticking)return;\n\n    ticking=true;\n\n    requestAnimationFrame(function(){\n      updateActive();\n      ticking=false;\n    });\n  }\n\n  window.addEventListener('scroll',requestUpdate,{passive:true});\n  window.addEventListener('resize',requestUpdate);\n\n  updateActive();\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PATONG \u00b7 PHUKET \u2726 Explore Phuket your way \u25f7 Open daily \u00b7 09:00\u201321:00 \u2605 Over 1,000 Google reviews \u00b7 4.9\/5 Find us \u2197 Home Our fleet Why F&#038;T Discover FAQ EN \u2304 \ud83c\uddeb\ud83c\uddf7 Fran\u00e7ais FR \ud83c\uddec\ud83c\udde7 English EN \ud83c\uddf7\ud83c\uddfa \u0420\u0443\u0441\u0441\u043a\u0438\u0439 RU Book a scooter \u2197 EXPLORE F&#038;T PATONG, PHUKET 01 Home \u2197 02 Our fleet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/pages\/10892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/comments?post=10892"}],"version-history":[{"count":73,"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/pages\/10892\/revisions"}],"predecessor-version":[{"id":11172,"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/pages\/10892\/revisions\/11172"}],"wp:attachment":[{"href":"https:\/\/ftmotorbike.com\/index.php\/wp-json\/wp\/v2\/media?parent=10892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}