{"id":223,"date":"2026-02-23T19:38:40","date_gmt":"2026-02-23T15:38:40","guid":{"rendered":"https:\/\/gwm.vasco.ge\/?page_id=223"},"modified":"2026-02-27T13:20:24","modified_gmt":"2026-02-27T09:20:24","slug":"test-drive","status":"publish","type":"page","link":"https:\/\/gwm.vasco.ge\/en\/test-drive\/","title":{"rendered":"Test-Drive"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"223\" class=\"elementor elementor-223\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c715667 main-wrapper e-flex e-con-boxed e-con e-parent\" data-id=\"c715667\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b74d31 elementor-widget elementor-widget-shortcode\" data-id=\"4b74d31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GWM TEST DRIVE v6.1 \u2014 AWWWARDS LEVEL UI (COMPACT & SEAMLESS)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Reset & Scoping *\/\n.gtd, .gtd *, .gtd *::before, .gtd *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n.gtd { \n  font-family: 'Loos', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\/* \u2500\u2500 Design Tokens \u2500\u2500 *\/\n.gtd {\n  --bg-main: #ffffff;\n  --bg-panel: #f8fafc; \/* Ultra subtle cool gray for the sidebar *\/\n  --surface: #f1f5f9; \/* Inputs & Cards *\/\n  --surface-hover: #e2e8f0;\n  \n  --border-light: #e2e8f0;\n  --border-focus: rgba(200,16,46,0.4);\n  \n  --text-dark: #0f172a;\n  --text-mid: #475569;\n  --text-light: #94a3b8;\n  \n  --accent: #c8102e;\n  --accent-glow: rgba(200, 16, 46, 0.12);\n  --accent-bg: rgba(200, 16, 46, 0.04);\n  \n  --radius-xl: 32px;\n  --radius-lg: 20px;\n  --radius-md: 14px;\n  --radius-sm: 10px;\n  \n  --shadow-float: 0 20px 40px -12px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.03);\n  --shadow-pop: 0 12px 32px -8px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.04);\n  \n  --spring: cubic-bezier(0.25, 1.2, 0.4, 1);\n  --ease: cubic-bezier(0.2, 0, 0, 1);\n\n  position: relative;\n  max-width: 980px; \/* More compact, unified layout *\/\n  margin: 0 auto;\n  padding: 20px 0;\n}\n\n\/* \u2550\u2550\u2550\u2550 UNIFIED CARD LAYOUT \u2550\u2550\u2550\u2550 *\/\n.gtd-outer {\n  display: flex;\n  background: var(--bg-main);\n  border-radius: var(--radius-xl);\n  box-shadow: var(--shadow-float);\n  \/* overflow is now visible so calendar can dropdown freely *\/\n  position: relative;\n  z-index: 1;\n  min-height: 580px;\n}\n\n\/* \u2550\u2550\u2550\u2550 LEFT \u2014 Form Canvas \u2550\u2550\u2550\u2550 *\/\n.gtd-left {\n  flex: 1;\n  padding: 48px;\n  display: flex;\n  flex-direction: column;\n  gap: 36px;\n  background: transparent;\n}\n\/* Hero Section *\/\n.gti-hero-wrap {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: -10px;\n}\n.gti-hero-h {\n  font-size: 32px;\n  font-weight: 700;\n  font-feature-settings:'case' on;\n  color: var(--text-dark);\n  letter-spacing: -0.8px;\n  line-height: 1.1;\n}\n.gti-hero-h em { \n  font-style: normal; \n  color: var(--accent); \n  position: relative;\n}\n.gti-hero-h em::after {\n  content: ''; position: absolute; bottom: 2px; left: 0; right: 0;\n  height: 4px; background: var(--accent-glow); border-radius: 2px;\n}\n.gti-brand-pill {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 6px 12px; border-radius: 100px;\n  background: var(--surface);\n  font-size: 11px; font-weight: 600; color: var(--text-mid);\n}\n.gti-brand-pill-dot {\n  width: 6px; height: 6px; border-radius: 50%; background: var(--accent);\n}\n\n\/* \u2500\u2500 Step Container Logic (Disabled \/ Locked State) \u2500\u2500 *\/\n.gtd-step-disabled {\n  opacity: 0.4;\n  pointer-events: none;\n  user-select: none;\n  filter: grayscale(100%);\n  transition: all 0.4s var(--ease);\n}\n.gtd-step-disabled .gtd-lbl-n {\n  background: var(--border-light);\n  color: var(--text-mid);\n}\n\n\/* Clean Step Typography *\/\n.gtd-lbl { \n  display: flex; align-items: baseline; gap: 8px; margin-bottom: 16px; \n}\n.gtd-lbl-n {\n  font-size: 12px; font-weight: 700; color: var(--text-light); transition: all 0.3s;\n}\n.gtd-lbl-t { \n  font-size: 16px; font-weight: 600; color: var(--text-dark); letter-spacing: -0.3px;\n}\n\n\/* \u2500\u2500 Brands \u2500\u2500 *\/\n.gtd-brands { display: flex; flex-wrap: wrap; gap: 12px; }\n.gtd-br {\n  display: flex; align-items: center; gap: 10px;\n  padding: 10px 18px; border-radius: 100px;\n  background: var(--surface); border: 1px solid transparent;\n  cursor: pointer; transition: all 0.3s var(--spring);\n  user-select: none;\n}\n.gtd-br:hover { background: var(--surface-hover); transform: translateY(-2px); }\n.gtd-br.on { background: var(--accent-bg); border-color: var(--accent); box-shadow: 0 4px 12px var(--accent-glow); }\n.gtd-br img { height: 14px; object-fit: contain;max-width:40px; }\n.gtd-br-n { font-size: 13px; font-weight: 600; color: var(--text-mid); transition: color 0.3s; }\n.gtd-br.on .gtd-br-n { color: var(--accent); }\n\n\/* \u2500\u2500 Models \u2500\u2500 *\/\n.gtd-mgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; position: relative; }\n\n\/* Empty State for Models *\/\n.gtd-empty-state {\n  grid-column: 1 \/ -1; display: flex; flex-direction: column; align-items: center; justify-content: center;\n  padding: 32px 20px; background: rgba(241, 245, 249, 0.5); border: 1px dashed var(--border-light);\n  border-radius: var(--radius-md); color: var(--text-light); font-size: 14px; font-weight: 500;\n  text-align: center; gap: 12px;\n}\n.gtd-empty-state svg { opacity: 0.5; }\n.gtd-mc {\n  border-radius: var(--radius-md); overflow: hidden;\n  background: var(--surface); border: 1px solid transparent;\n  cursor: pointer; transition: all 0.3s var(--spring);\n  position: relative;\n}\n.gtd-mc:hover { \n  background: var(--surface-hover); \n  transform: translateY(-4px); \n}\n.gtd-mc.on { \n  background: var(--bg-main); \n  border-color: var(--accent); \n  box-shadow: var(--shadow-pop), 0 0 0 1px var(--accent);\n}\n.gtd-mc-img { \n  width: 100%; aspect-ratio: 16\/7; \n  display: flex; align-items: center; justify-content: center; \n}\n.gtd-mc-img img { \n  width: 90%; height: 90%; object-fit: contain; \n  transition: transform 0.4s var(--ease); \n}\n.gtd-mc:hover .gtd-mc-img img { transform: scale(1.05); }\n.gtd-mc-foot { \n  padding: 7px; \n  display: flex; align-items: center; justify-content: space-between; \n}\n.gtd-mc-name { \n  font-size: 13px; font-weight: 600; color: var(--text-dark);margin-left: auto;margin-right: auto; \n}\n.gtd-mc-chk {\n  width: 18px; height: 18px; border-radius: 50%;\n  background: var(--accent); flex-shrink: 0;\n  display: flex; align-items: center; justify-content: center;\n  opacity: 0; transform: scale(0.5); transition: all 0.3s var(--spring);\n}\n.gtd-mc.on .gtd-mc-chk { opacity: 1; transform: scale(1); }\n\n\/* \u2500\u2500 Date Picker \u2500\u2500 *\/\n.gtd-date-wrap { position: relative; max-width: 320px; }\n.gtd-date-row {\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 14px 18px; border-radius: var(--radius-sm);\n  background: var(--surface); border: 1px solid transparent;\n  cursor: pointer; transition: all 0.3s var(--ease);\n}\n.gtd-date-row:hover { background: var(--surface-hover); }\n.gtd-date-row.is-open { \n  background: var(--bg-main); border-color: var(--accent); \n  box-shadow: 0 0 0 4px var(--accent-glow);\n}\n.gtd-date-val { font-size: 15px; font-weight: 500; color: var(--text-mid); }\n.gtd-date-row.has-date .gtd-date-val { color: var(--text-dark); font-weight: 600; }\n.gtd-date-arr { color: var(--text-light); transition: transform 0.3s var(--spring); }\n.gtd-date-row.is-open .gtd-date-arr { transform: rotate(180deg); color: var(--accent); }\n\n\/* Calendar Popover (Glassmorphism) *\/\n.gtd-cal {\n  display: none; position: absolute; top: calc(100% + 8px); left: 0; width: 320px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n  border: 1px solid rgba(0,0,0,0.05);\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-pop);\n  z-index: 100;\n}\n.gtd-cal.open { display: block; animation: cDrop 0.3s var(--spring) forwards; }\n@keyframes cDrop { \n  from { opacity: 0; transform: translateY(-10px) scale(0.98); } \n  to { opacity: 1; transform: translateY(0) scale(1); } \n}\n.gtd-cal-hd { display: flex; align-items: center; justify-content: space-between; padding: 16px; }\n.gtd-cal-btn {\n  all: unset; width: 28px; height: 28px; border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer; color: var(--text-mid); transition: background 0.2s;\n}\n.gtd-cal-btn:hover { background: var(--surface); color: var(--text-dark); }\n.gtd-cal-title { font-size: 14px; font-weight: 600; color: var(--text-dark); }\n.gtd-cal-dow { display: grid; grid-template-columns: repeat(7, 1fr); padding: 0 16px 8px; text-align: center; font-size: 11px; font-weight: 600; color: var(--text-light); }\n.gtd-cal-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; padding: 0 16px 16px; }\n.gtd-day {\n  aspect-ratio: 1; display: flex; align-items: center; justify-content: center;\n  border-radius: 8px; font-size: 13px; font-weight: 500; color: var(--text-mid);\n  cursor: pointer; transition: all 0.2s;\n}\n.gtd-day:hover:not(.dis):not(.emp) { background: var(--surface); color: var(--text-dark); }\n.gtd-day.tod { color: var(--accent); font-weight: 700; background: var(--accent-bg); }\n.gtd-day.sel { background: var(--accent) !important; color: #fff !important; font-weight: 600; box-shadow: 0 4px 10px var(--accent-glow); }\n.gtd-day.dis { opacity: 0.3; cursor: not-allowed; pointer-events: none; }\n.gtd-day.emp { pointer-events: none; }\n\n\/* \u2500\u2500 Modern Vercel-style Inputs \u2500\u2500 *\/\n.gtd-fields-grid { \n  display: grid; grid-template-columns: 1fr 1fr; gap: 16px; \n}\n.gtd-field-full { grid-column: 1 \/ -1; }\n.gtd-field { display: flex; flex-direction: column; gap: 6px; position: relative; }\n.gtd-field-lbl { font-size: 12px; font-weight: 600; color: var(--text-mid); }\n.gtd-field input {\n  width: 100%; padding: 14px 16px;\n  background: var(--surface); border: 1px solid transparent;\n  border-radius: var(--radius-sm); color: var(--text-dark);\n  font-family: inherit; font-size: 15px; font-weight: 500;\n  outline: none; transition: all 0.3s var(--ease);\n  -webkit-appearance: none; appearance: none;\n}\n.gtd-field input::placeholder { color: var(--text-light); font-weight: 400; }\n.gtd-field input:hover { background: var(--surface-hover); }\n.gtd-field input:focus {\n  background: #fff; border-color: var(--accent);\n  box-shadow: 0 0 0 4px var(--accent-glow);\n}\n.gtd-field input.err { border-color: var(--accent) !important; background: var(--accent-bg); }\n.gtd-err { font-size: 12px; color: var(--accent); font-weight: 500; margin-top: 4px; display: none; }\n.gtd-err.on { display: block; animation: smoothFade 0.3s; }\n\n\/* Phone ITI Fix for Modern Style *\/\n#gtdPhoneSlot .elementor-field-label { display: none !important; }\n#gtdPhoneSlot .elementor-field-group { margin-bottom: 0 !important; }\n#gtdPhoneSlot .iti { display: block !important; width: 100% !important; }\n#gtdPhoneSlot .iti input[type=tel] {\n  padding-left: 54px !important;\n}\n\n\/* \u2550\u2550\u2550\u2550 RIGHT \u2014 Sticky Summary Sidebar \u2550\u2550\u2550\u2550 *\/\n.gtd-right {\n  width: 320px;\n  background: var(--bg-panel);\n  border-left: 1px solid var(--border-light);\n  border-radius: 0 var(--radius-xl) var(--radius-xl) 0;\n  display: flex; flex-direction: column;\n  padding: 40px 32px;\n}\n\n\/* Idle State Roadmap *\/\n.gtd-idle { \n  display: flex; flex-direction: column; height: 100%; \n  animation: smoothFade 0.4s; \n}\n.gtd-idle.hide { display: none; }\n.gtd-idle-header {\n  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px;\n  padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px dashed var(--border-light);\n}\n.gtd-idle-ring {\n  width: 64px; height: 64px; border-radius: 50%; background: #fff; border: 1px solid var(--border-light);\n  display: flex; align-items: center; justify-content: center; \n  color: var(--text-light); animation: idlePulse 4s infinite ease-in-out;\n}\n@keyframes idlePulse {\n  0%, 100% { box-shadow: 0 4px 12px rgba(0,0,0,0.03); transform: scale(1); }\n  50% { box-shadow: 0 12px 28px rgba(0,0,0,0.08); transform: scale(1.03); color: var(--text-mid); border-color: #cbd5e1; }\n}\n.gtd-idle-txt { font-size: 16px; font-weight: 700; color: var(--text-dark); line-height: 1.5; }\n\n.gtd-idle-steps { display: flex; flex-direction: column; gap: 20px; padding: 0 8px; }\n.gtd-idle-step { \n  display: flex; align-items: center; gap: 14px; \n  font-size: 14px; font-weight: 600; color: var(--text-light); \n}\n.gtd-idle-dot { \n  width: 10px; height: 10px; border-radius: 50%; \n  background: var(--surface); border: 2px solid var(--border-light); \n  box-shadow: 0 0 0 4px rgba(255,255,255,0.6);\n}\n\n\/* Active State *\/\n.gtd-active { display: none; flex-direction: column; height: 100%; animation: smoothFade 0.4s; }\n.gtd-active.show { display: flex; }\n\n.gtd-summary-card {\n  background: #fff; border-radius: var(--radius-md);\n  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.06);\n  padding: 24px; text-align: center; margin-bottom: 24px;\n  border: 1px solid rgba(0,0,0,0.03);\n}\n.gtd-active-img {\n  width: 100%; aspect-ratio: 16\/9; margin-bottom: 16px;\n  display: flex; align-items: center; justify-content: center;\n}\n.gtd-active-img img { width: 100%; height: 100%; object-fit: contain; }\n.gtd-active-brand { font-size: 11px; font-weight: 700; color: var(--text-light); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; }\n.gtd-active-model { font-size: 20px; font-weight: 700; color: var(--text-dark); line-height: 1.2; }\n\n\/* Compact Info Rows *\/\n.gtd-info-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: auto; }\n.gtd-info-item { display: flex; align-items: center; gap: 12px; }\n.gtd-info-ico {\n  width: 32px; height: 32px; border-radius: 8px;\n  background: #fff; border: 1px solid var(--border-light);\n  display: flex; align-items: center; justify-content: center;\n  color: var(--text-light); transition: all 0.3s;\n}\n.gtd-info-item.done .gtd-info-ico { background: var(--accent-bg); color: var(--accent); border-color: transparent; }\n.gtd-info-text { flex: 1; }\n.gtd-info-lbl { font-size: 11px; font-weight: 600; color: var(--text-light); text-transform: uppercase; letter-spacing: 0.5px; }\n.gtd-info-val { font-size: 14px; font-weight: 600; color: var(--text-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n\/* Main CTA Button *\/\n.gtd-cta { margin-top: 32px; }\n.gtd-cta-btn {\n  width: 100% !important; padding: 16px !important; margin: 0 !important;\n  border: none !important; border-radius: var(--radius-sm) !important;\n  background: var(--text-dark) !important; color: #fff !important;\n  font-family: inherit !important; font-size: 15px !important; font-weight: 600 !important;\n  cursor: pointer !important; transition: all 0.3s var(--spring) !important;\n  opacity: 0.4 !important; pointer-events: none !important;\n  display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;\n}\n.gtd-cta-btn.ready { opacity: 1 !important; pointer-events: auto !important; background: var(--accent) !important; box-shadow: 0 8px 24px var(--accent-glow) !important; }\n.gtd-cta-btn.ready:hover { transform: translateY(-2px) !important; box-shadow: 0 12px 32px rgba(200,16,46,0.25) !important; }\n.gtd-cta-note { font-size: 12px; color: var(--text-light); text-align: center; margin-top: 12px; }\n\n\/* \u2550\u2550\u2550\u2550 SUCCESS STATE \u2550\u2550\u2550\u2550 *\/\n.gtd-success {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; padding: 60px 40px; grid-column: 1 \/ -1; width: 100%;\n  animation: smoothFade 0.5s var(--ease);\n}\n.gtd-suc-icon {\n  width: 72px; height: 72px; border-radius: 50%;\n  background: var(--accent-bg); color: var(--accent);\n  display: flex; align-items: center; justify-content: center; margin-bottom: 24px;\n  animation: popIn 0.6s var(--spring);\n}\n.gtd-suc-title { font-size: 32px; font-weight: 700; color: var(--text-dark); margin-bottom: 12px; letter-spacing: -0.5px; }\n.gtd-suc-sub { font-size: 16px; color: var(--text-mid); max-width: 380px; line-height: 1.5; margin-bottom: 32px; }\n.gtd-suc-card {\n  display: flex; align-items: center; gap: 20px;\n  background: var(--surface); padding: 20px 24px; border-radius: var(--radius-md);\n  text-align: left; max-width: 400px; width: 100%; border: 1px solid var(--border-light);\n}\n.gtd-suc-card img { width: 100px; height: 60px; object-fit: contain; }\n.gtd-suc-card-info h4 { font-size: 16px; font-weight: 700; color: var(--text-dark); margin: 0 0 4px 0; }\n.gtd-suc-card-info p { font-size: 14px; color: var(--text-mid); margin: 0; }\n\n\/* \u2550\u2550\u2550\u2550 Fix Stacking Contexts for Animations & Datepicker Z-Index \u2550\u2550\u2550\u2550 *\/\n@keyframes smoothFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n@keyframes popIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }\n.ga1 { animation: smoothFade 0.4s 0.1s both var(--ease); position: relative; z-index: 40; }\n.ga2 { animation: smoothFade 0.4s 0.2s both var(--ease); position: relative; z-index: 30; }\n.ga3 { animation: smoothFade 0.4s 0.3s both var(--ease); position: relative; z-index: 20; } \/* Forces Calendar on top *\/\n.ga4 { animation: smoothFade 0.4s 0.4s both var(--ease); position: relative; z-index: 10; }\n\n\/* \u2550\u2550\u2550\u2550 MOBILE \u2550\u2550\u2550\u2550 *\/\n.gtd-mob-cta { display: none; margin-top: 16px; animation: smoothFade 0.4s 0.4s both var(--ease); }\n\n\/* \u2550\u2550\u2550\u2550 MOBILE \u2550\u2550\u2550\u2550 *\/\n@media (max-width: 850px) {\n  .gtd-outer { flex-direction: column; }\n  \/* Hide the right sidebar completely on mobile *\/\n  .gtd-right { display: none !important; }\n  \/* Show the mobile CTA instead *\/\n  .gtd-mob-cta { display: block; }\n  .gti-brand-pill{margin-top: -4px;}\n  .gtd-left { padding: 32px 24px; gap: 32px; }\n  .gtd-fields-grid { grid-template-columns: 1fr; }\n  .gti-hero-h { font-size: 20px; }\n}\n@media (max-width: 480px) {\n  .gtd-left { padding: 24px 16px; }\n  \n  \/* Make brands slightly more compact *\/\n  .gtd-brands { gap: 8px; }\n  .gtd-br { padding: 8px 14px; gap: 6px; }\n  .gtd-br-n { font-size: 12px; }\n  \n  \/* Make model grid and cards highly compact *\/\n  .gtd-mgrid { grid-template-columns: 1fr 1fr; gap: 8px; }\n  .gtd-mc-foot { padding: 7px; gap: 4px; }\n  .gtd-mc-name { font-size: 11.5px; line-height: 1.2; }\n  \n  \/* Smaller checkmark circle *\/\n  .gtd-mc-chk { width: 16px; height: 16px; }\n  .gtd-mc-chk svg { width: 8px; height: 8px; stroke-width: 3; }\n}\n<\/style>\n\n<div class=\"gtd\" id=\"gtdRoot\">\n  <div class=\"gtd-outer\" id=\"gtdOuter\">\n\n    <div class=\"gtd-left\">\n      <div class=\"ga1\">\n        <div class=\"gti-hero-wrap\">\n          <h1 class=\"gti-hero-h\">\u10e8\u10d4\u10d0\u10d5\u10e1\u10d4 <em>\u10e4\u10dd\u10e0\u10db\u10d0<\/em><\/h1>\n          <div class=\"gti-brand-pill\"><div class=\"gti-brand-pill-dot\"><\/div>Test-Drive<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ga1\">\n        <div class=\"gtd-lbl\"><div class=\"gtd-lbl-n\">01<\/div><div class=\"gtd-lbl-t\">\u10d1\u10e0\u10d4\u10dc\u10d3\u10d8\u10e1 \u10d0\u10e0\u10e9\u10d4\u10d5\u10d0<\/div><\/div>\n        <div class=\"gtd-brands\" id=\"gtdBrands\">\n                    <div class=\"gtd-br\" data-slug=\"haval\" data-name=\"Haval\">\n            <img decoding=\"async\" src=\"https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/02\/haval-black.svg\" alt=\"\">            <span class=\"gtd-br-n\">Haval<\/span>\n          <\/div>\n                    <div class=\"gtd-br\" data-slug=\"poer\" data-name=\"Poer\">\n            <img decoding=\"async\" src=\"https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/02\/poer-full.svg\" alt=\"\">            <span class=\"gtd-br-n\">Poer<\/span>\n          <\/div>\n                    <div class=\"gtd-br\" data-slug=\"tank\" data-name=\"Tank\">\n            <img decoding=\"async\" src=\"https:\/\/gwm.vasco.ge\/wp-content\/uploads\/2026\/02\/tank-full-black.svg\" alt=\"\">            <span class=\"gtd-br-n\">Tank<\/span>\n          <\/div>\n                  <\/div>\n      <\/div>\n\n<div class=\"gtd-msec gtd-step-disabled ga2\" id=\"gtdMSec\">\n        <div class=\"gtd-lbl\"><div class=\"gtd-lbl-n\">02<\/div><div class=\"gtd-lbl-t\">\u10db\u10dd\u10d3\u10d4\u10da\u10d8\u10e1 \u10d0\u10e0\u10e9\u10d4\u10d5\u10d0<\/div><\/div>\n        <div class=\"gtd-mgrid\" id=\"gtdMGrid\">\n          <div class=\"gtd-empty-state\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 64 32\" fill=\"none\">\n              <path d=\"M4 22 Q4 18 8 18 L14 18 Q18 10 26 8 L38 8 Q46 8 50 14 L56 14 Q60 14 60 18 L60 22 Q60 24 58 24 L6 24 Q4 24 4 22Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"16\" cy=\"24\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"48\" cy=\"24\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n            <span>\u10db\u10dd\u10d3\u10d4\u10da\u10d4\u10d1\u10d8\u10e1 \u10e1\u10d0\u10dc\u10d0\u10ee\u10d0\u10d5\u10d0\u10d3 \u10d0\u10d8\u10e0\u10e9\u10d8\u10d4 \u10d1\u10e0\u10d4\u10dc\u10d3\u10d8<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"gtd-dsec gtd-step-disabled ga3\" id=\"gtdDSec\">\n        <div class=\"gtd-lbl\"><div class=\"gtd-lbl-n\">03<\/div><div class=\"gtd-lbl-t\">\u10e1\u10d0\u10e1\u10e3\u10e0\u10d5\u10d4\u10da\u10d8 \u10d7\u10d0\u10e0\u10d8\u10e6\u10d8<\/div><\/div>\n        <div class=\"gtd-date-wrap\">\n          <div class=\"gtd-date-row\" id=\"gtdDateRow\">\n            <div class=\"gtd-date-val\" id=\"gtdDateVal\">\u10e1\u10d0\u10e1\u10e3\u10e0\u10d5\u10d4\u10da\u10d8 \u10d7\u10d0\u10e0\u10d8\u10e6\u10d8<\/div>\n            <div class=\"gtd-date-arr\">\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"gtd-cal\" id=\"gtdCal\">\n            <div class=\"gtd-cal-hd\">\n              <button class=\"gtd-cal-btn\" id=\"gtdCalPrev\" type=\"button\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n              <\/button>\n              <div class=\"gtd-cal-title\" id=\"gtdCalTitle\"><\/div>\n              <button class=\"gtd-cal-btn\" id=\"gtdCalNext\" type=\"button\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n              <\/button>\n            <\/div>\n            <div class=\"gtd-cal-dow\">\n              <span>\u10d9\u10d5<\/span><span>\u10dd\u10e0<\/span><span>\u10e1\u10db<\/span><span>\u10dd\u10d7<\/span><span>\u10ee\u10e3<\/span><span>\u10de\u10e0<\/span><span>\u10e8\u10d1<\/span>\n            <\/div>\n            <div class=\"gtd-cal-days\" id=\"gtdCalDays\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n<div class=\"gtd-csec gtd-step-disabled ga4\" id=\"gtdCSec\">\n        <div class=\"gtd-lbl\"><div class=\"gtd-lbl-n\">04<\/div><div class=\"gtd-lbl-t\">\u10e1\u10d0\u10d9\u10dd\u10dc\u10e2\u10d0\u10e5\u10e2\u10dd<\/div><\/div>\n        <div class=\"gtd-fields-grid\">\n          <div class=\"gtd-field\">\n            <label class=\"gtd-field-lbl\" for=\"gtdName\">\u10e1\u10d0\u10ee\u10d4\u10da\u10d8<\/label>\n            <input type=\"text\" id=\"gtdName\" placeholder=\"\u10e8\u10d4\u10dc\u10d8 \u10e1\u10d0\u10ee\u10d4\u10da\u10d8\">\n          <\/div>\n          <div class=\"gtd-field\" id=\"gtdPhoneSlot\">\n            <label class=\"gtd-field-lbl\">\u10e2\u10d4\u10da\u10d4\u10e4\u10dd\u10dc\u10d8 <span style=\"color:var(--accent)\">*<\/span><\/label>\n            <\/div>\n    <div class=\"gtd-field gtd-field-full\">\n            <label class=\"gtd-field-lbl\" for=\"gtdEmail\">\u10d4\u10da. \u10e4\u10dd\u10e1\u10e2\u10d0<\/label>\n            <input type=\"email\" id=\"gtdEmail\" placeholder=\"email@example.com\">\n            <div class=\"gtd-err\" id=\"gtdEmailErr\">\u10d4\u10da. \u10e4\u10dd\u10e1\u10e2\u10d8\u10e1 \u10e4\u10dd\u10e0\u10db\u10d0\u10e2\u10d8 \u10d0\u10e0\u10d0\u10e1\u10ec\u10dd\u10e0\u10d8\u10d0<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"gtd-mob-cta\">\n        <button class=\"gtd-cta-btn\" id=\"gtdSubmitMob\" type=\"button\">\n          \u10e2\u10d4\u10e1\u10e2-\u10d3\u10e0\u10d0\u10d8\u10d5\u10d8\u10e1 \u10d3\u10d0\u10ef\u10d0\u10d5\u10e8\u10dc\u10d0\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/button>\n        <div class=\"gtd-cta-note\">* \u10e1\u10d0\u10d5\u10d0\u10da\u10d3\u10d4\u10d1\u10e3\u10da\u10dd \u10d5\u10d4\u10da\u10d4\u10d1\u10d8<\/div>\n      <\/div>\n\n    <\/div>\n    \n    <div class=\"gtd-right\">\n<div class=\"gtd-idle\" id=\"gtdIdle\">\n        <div class=\"gtd-idle-header\">\n          <div class=\"gtd-idle-ring\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>\n          <\/div>\n          <div class=\"gtd-idle-txt\">\n            \u10ef\u10d0\u10d5\u10e8\u10dc\u10d8\u10e1 \u10d3\u10d4\u10e2\u10d0\u10da\u10d4\u10d1\u10d8<br>\n            <span style=\"font-size:13px; font-weight:500; color:var(--text-light);\">\u10e8\u10d4\u10d0\u10d5\u10e1\u10d4 \u10e4\u10dd\u10e0\u10db\u10d0 \u10d2\u10d0\u10e1\u10d0\u10d2\u10e0\u10eb\u10d4\u10da\u10d4\u10d1\u10da\u10d0\u10d3<\/span>\n          <\/div>\n        <\/div>\n        \n        <div class=\"gtd-idle-steps\">\n          <div class=\"gtd-idle-step\"><div class=\"gtd-idle-dot\"><\/div><span>1. \u10d1\u10e0\u10d4\u10dc\u10d3\u10d8 \u10d3\u10d0 \u10db\u10dd\u10d3\u10d4\u10da\u10d8<\/span><\/div>\n          <div class=\"gtd-idle-step\"><div class=\"gtd-idle-dot\"><\/div><span>2. \u10e1\u10d0\u10e1\u10e3\u10e0\u10d5\u10d4\u10da\u10d8 \u10d7\u10d0\u10e0\u10d8\u10e6\u10d8<\/span><\/div>\n          <div class=\"gtd-idle-step\"><div class=\"gtd-idle-dot\"><\/div><span>3. \u10e1\u10d0\u10d9\u10dd\u10dc\u10e2\u10d0\u10e5\u10e2\u10dd \u10d8\u10dc\u10e4\u10dd<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"gtd-active\" id=\"gtdActive\">\n        <div class=\"gtd-summary-card\">\n          <div class=\"gtd-active-img\" id=\"gtdAImg\"><\/div>\n          <div class=\"gtd-active-brand\" id=\"gtdABrand\"><\/div>\n          <div class=\"gtd-active-model\" id=\"gtdAModel\"><\/div>\n        <\/div>\n\n        <div class=\"gtd-info-list\">\n          <div class=\"gtd-info-item\" id=\"gtdInfoDateR\">\n            <div class=\"gtd-info-ico\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/div>\n            <div class=\"gtd-info-text\">\n              <div class=\"gtd-info-lbl\">\u10d7\u10d0\u10e0\u10d8\u10e6\u10d8<\/div>\n              <div class=\"gtd-info-val\" id=\"gtdInfoDateV\">\u2014<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"gtd-info-item\" id=\"gtdInfoNameR\">\n            <div class=\"gtd-info-ico\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/div>\n            <div class=\"gtd-info-text\">\n              <div class=\"gtd-info-lbl\">\u10e1\u10d0\u10ee\u10d4\u10da\u10d8<\/div>\n              <div class=\"gtd-info-val\" id=\"gtdInfoNameV\">\u2014<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"gtd-cta\">\n          <button class=\"gtd-cta-btn\" id=\"gtdSubmit\" type=\"button\">\n            \u10e2\u10d4\u10e1\u10e2-\u10d3\u10e0\u10d0\u10d8\u10d5\u10d8\u10e1 \u10d3\u10d0\u10ef\u10d0\u10d5\u10e8\u10dc\u10d0\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/button>\n          <div class=\"gtd-cta-note\">* \u10e1\u10d0\u10d5\u10d0\u10da\u10d3\u10d4\u10d1\u10e3\u10da\u10dd \u10d5\u10d4\u10da\u10d4\u10d1\u10d8<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/div>\n<div id=\"gtdEW\" style=\"display:none!important;position:absolute;left:-9999px;visibility:hidden;pointer-events:none;\" aria-hidden=\"true\"><\/div>\n\n<script>\n(function(){\n  var BRANDS = [{\"slug\":\"haval\",\"name\":\"Haval\",\"logo\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/haval-black.svg\"},{\"slug\":\"poer\",\"name\":\"Poer\",\"logo\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/poer-full.svg\"},{\"slug\":\"tank\",\"name\":\"Tank\",\"logo\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/tank-full-black.svg\"}];\n  var MODELS = [{\"brand\":\"haval\",\"label\":\"Haval H6\",\"image\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/haval-h6.webp\"},{\"brand\":\"haval\",\"label\":\"Haval Jolion\",\"image\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Haval-Jolion.webp\"},{\"brand\":\"poer\",\"label\":\"Poer\",\"image\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/poer.webp\"},{\"brand\":\"tank\",\"label\":\"Tank 300\",\"image\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/tank-300.webp\"},{\"brand\":\"tank\",\"label\":\"Tank 500\",\"image\":\"https:\\\/\\\/gwm.vasco.ge\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/tank-500.webp\"}];\n  var GM =['\u10d8\u10d0\u10dc\u10d5\u10d0\u10e0\u10d8','\u10d7\u10d4\u10d1\u10d4\u10e0\u10d5\u10d0\u10da\u10d8','\u10db\u10d0\u10e0\u10e2\u10d8','\u10d0\u10de\u10e0\u10d8\u10da\u10d8','\u10db\u10d0\u10d8\u10e1\u10d8','\u10d8\u10d5\u10dc\u10d8\u10e1\u10d8','\u10d8\u10d5\u10da\u10d8\u10e1\u10d8','\u10d0\u10d2\u10d5\u10d8\u10e1\u10e2\u10dd','\u10e1\u10d4\u10e5\u10e2\u10d4\u10db\u10d1\u10d4\u10e0\u10d8','\u10dd\u10e5\u10e2\u10dd\u10db\u10d1\u10d4\u10e0\u10d8','\u10dc\u10dd\u10d4\u10db\u10d1\u10d4\u10e0\u10d8','\u10d3\u10d4\u10d9\u10d4\u10db\u10d1\u10d4\u10e0\u10d8'];\n  var S  = { brand:null, brandName:null, model:null, date:null, dateLabel:null };\n  var cY, cM;\n\n  function g(id){ return document.getElementById(id); }\n\nvar brandsEl  = g('gtdBrands');\n  var mSec      = g('gtdMSec');\n  var mGrid     = g('gtdMGrid');\n  var dSec      = g('gtdDSec');\n  var cSec      = g('gtdCSec');\n  var dateRow   = g('gtdDateRow');\n  var dateValEl = g('gtdDateVal');\n  var cal       = g('gtdCal');\n  var calDays   = g('gtdCalDays');\n  var calTitle  = g('gtdCalTitle');\n  var nameInp   = g('gtdName');\nvar emailInp  = g('gtdEmail');\n  var emailErr  = g('gtdEmailErr');\n  var submitBtn = g('gtdSubmit');\n  var submitBtnMob = g('gtdSubmitMob');\n  var idleEl    = g('gtdIdle');\n  var activeEl  = g('gtdActive');\n  var aImg      = g('gtdAImg');\n  var aBrand    = g('gtdABrand');\n  var aModel    = g('gtdAModel');\n  var infoDateV = g('gtdInfoDateV');\n  var infoNameV = g('gtdInfoNameV');\n  var infoDateR = g('gtdInfoDateR');\n  var infoNameR = g('gtdInfoNameR');\n\n\/* \u2550\u2550 DYNAMIC STEP NUMBERING \u2550\u2550 *\/\n  function updateStepNumbers() {\n      var visibleSteps = document.querySelectorAll('.gtd-left > div');\n      var counter = 1;\n      visibleSteps.forEach(function(sec) {\n          if (window.getComputedStyle(sec).display !== 'none' && !sec.classList.contains('gtd-mob-cta') && sec.querySelector('.gtd-lbl-n')) {\n              var nEl = sec.querySelector('.gtd-lbl-n');\n              if (nEl) { \n                  var nText = counter < 10 ? '0' + counter : counter;\n                  nEl.textContent = nText; \n                  counter++; \n              }\n          }\n      });\n  }\n  updateStepNumbers(); \/\/ run on load\n\n  \/* \u2550\u2550 BRANDS \u2550\u2550 *\/\n  brandsEl.querySelectorAll('.gtd-br').forEach(function(b){\n    b.addEventListener('click', function(){\n      brandsEl.querySelectorAll('.gtd-br').forEach(function(x){ x.classList.remove('on'); });\n      b.classList.add('on');\n      S.brand = b.dataset.slug; S.brandName = b.dataset.name; S.model = null;\n      \n      \/\/ Rebuild models (this clears the empty state and puts actual cars)\n      buildModels();\n      \n      \/\/ Unlock step 2\n      mSec.classList.remove('gtd-step-disabled');\n      \n      \/\/ Re-lock future steps until model is chosen\n      if(dSec) dSec.classList.add('gtd-step-disabled');\n      if(cSec) cSec.classList.add('gtd-step-disabled');\n      \n      updateStepNumbers();\n      syncSidebar(); syncReady(); updateURL(); \n    });\n  });\n\n  \/* \u2550\u2550 MODELS \u2550\u2550 *\/\n  function buildModels(){\n    mGrid.innerHTML = '';\n    MODELS.filter(function(m){ return m.brand === S.brand; }).forEach(function(m,i){\n      var c = document.createElement('div');\n      c.className = 'gtd-mc'; c.style.animation = 'smoothFade 0.4s '+(i*0.05)+'s both ease';\n      var th = document.createElement('div'); th.className = 'gtd-mc-img';\n      if(m.image){ var im=document.createElement('img'); im.src=m.image; im.alt=m.label; im.loading='lazy'; th.appendChild(im); }\n      var ft = document.createElement('div'); ft.className='gtd-mc-foot';\n      ft.innerHTML='<div class=\"gtd-mc-name\">'+m.label+'<\/div><div class=\"gtd-mc-chk\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"4\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>';\n      c.appendChild(th); c.appendChild(ft);\n      \n      c.addEventListener('click', function(){\n        mGrid.querySelectorAll('.gtd-mc').forEach(function(x){ x.classList.remove('on'); });\n        c.classList.add('on'); S.model=m;\n        \n        \/\/ Unlock rest of the form\n        if (dSec && dSec.classList.contains('gtd-step-disabled')) {\n            dSec.classList.remove('gtd-step-disabled');\n            cSec.classList.remove('gtd-step-disabled');\n            \n            \/\/ Smoothly scroll down a bit to show user the next steps unlocked\n            setTimeout(function(){ \n               var scrollPos = dSec.getBoundingClientRect().top + window.pageYOffset - 120;\n               window.scrollTo({ top: scrollPos, behavior: 'smooth' });\n            }, 100);\n        }\n        \n        syncSidebar(); syncReady(); updateURL();\n      });\n      mGrid.appendChild(c);\n    });\n  }\n  \/* \u2550\u2550 CALENDAR \u2550\u2550 *\/\n  (function(){ var n=new Date(); cY=n.getFullYear(); cM=n.getMonth(); renderCal(); })();\n\n  function renderCal(){\n    calTitle.textContent = GM[cM]+' '+cY;\n    calDays.innerHTML = '';\n    var first = new Date(cY,cM,1).getDay();\n    var off   = (first===0)?6:first-1;\n    var total = new Date(cY,cM+1,0).getDate();\n    var today = new Date(); today.setHours(0,0,0,0);\n    var minD  = new Date(today); minD.setDate(today.getDate()+1);\n    for(var i=0;i<off;i++){ var e=document.createElement('div'); e.className='gtd-day emp'; calDays.appendChild(e); }\n    for(var d=1;d<=total;d++){\n      var el=document.createElement('div'); el.className='gtd-day'; el.textContent=d;\n      var dt=new Date(cY,cM,d); dt.setHours(0,0,0,0);\n      if(dt<minD) el.classList.add('dis');\n      var td2=new Date(); td2.setHours(0,0,0,0);\n      if(dt.getTime()===td2.getTime()) el.classList.add('tod');\n      if(S.date){ var sc=new Date(S.date); sc.setHours(0,0,0,0); if(dt.getTime()===sc.getTime()) el.classList.add('sel'); }\n      (function(date,node){\n        node.addEventListener('click', function(){\n          if(node.classList.contains('dis')) return;\n          S.date=date; S.dateLabel=date.getDate()+' '+GM[date.getMonth()]+', '+date.getFullYear();\n          dateValEl.textContent=S.dateLabel;\n          dateRow.classList.add('has-date'); dateRow.classList.remove('is-open');\n          cal.classList.remove('open');\n          infoDateV.textContent=S.dateLabel;\n          infoDateR.classList.add('done');\n          renderCal(); syncReady();\n        });\n      })(dt,el);\n      calDays.appendChild(el);\n    }\n  }\n  g('gtdCalPrev').addEventListener('click',function(e){ e.stopPropagation(); cM--;if(cM<0){cM=11;cY--;}renderCal(); });\n  g('gtdCalNext').addEventListener('click',function(e){ e.stopPropagation(); cM++;if(cM>11){cM=0;cY++;}renderCal(); });\n  dateRow.addEventListener('click',function(e){\n    e.stopPropagation();\n    cal.classList.toggle('open'); dateRow.classList.toggle('is-open');\n  });\n  document.addEventListener('click',function(e){\n    if(!e.target.closest('.gtd-date-wrap')){\n      cal.classList.remove('open'); dateRow.classList.remove('is-open');\n    }\n  });\n\n  \/* \u2550\u2550 SIDEBAR \u2550\u2550 *\/\n  function syncSidebar(){\n    if(!S.model){ idleEl.classList.remove('hide'); activeEl.classList.remove('show'); return; }\n    idleEl.classList.add('hide'); activeEl.classList.add('show');\n    aBrand.textContent = S.brandName||''; aModel.textContent = S.model.label;\n    aImg.innerHTML='';\n    if(S.model.image){ var im=document.createElement('img'); im.src=S.model.image; im.alt=S.model.label; aImg.appendChild(im); }\n  }\n  nameInp.addEventListener('input',function(){\n    var v=nameInp.value.trim();\n    infoNameV.textContent=v||'\u2014';\n    infoNameR.classList.toggle('done',!!v);\n  });\n\n\/* \u2550\u2550 READY \u2550\u2550 *\/\n  function syncReady(){\n    var isReady = !!(S.model&&S.date);\n    if(submitBtn) submitBtn.classList.toggle('ready', isReady);\n    if(submitBtnMob) submitBtnMob.classList.toggle('ready', isReady);\n  }\n\n  \/* \u2550\u2550 URL PARAMS \u2550\u2550 *\/\n  function updateURL(){\n    try{\n      var p=new URLSearchParams(window.location.search);\n      if(S.brand) p.set('gtd_brand',S.brand); else p.delete('gtd_brand');\n      if(S.model) p.set('gtd_model',S.model.label); else p.delete('gtd_model');\n      var qs=p.toString();\n      history.replaceState(null,'',window.location.pathname+(qs?'?'+qs:'')+window.location.hash);\n    }catch(e){}\n  }\n  function prefillURL(){\n    try{\n      var p=new URLSearchParams(window.location.search);\n      var brand=p.get('gtd_brand'), model=p.get('gtd_model');\n      if(!brand) return;\n      var bEl=brandsEl.querySelector('[data-slug=\"'+brand+'\"]');\n      if(!bEl) return;\n      bEl.click();\n      if(model) setTimeout(function(){\n        mGrid.querySelectorAll('.gtd-mc').forEach(function(c){\n          var nm=c.querySelector('.gtd-mc-name');\n          if(nm&&nm.textContent===model) c.click();\n        });\n      },100);\n    }catch(e){}\n  }\n\n  \/* \u2550\u2550 PHONE INJECTION \u2550\u2550 *\/\n  function injectPhone(){\n    var slot=g('gtdPhoneSlot');\n    var group=document.querySelector('.elementor-field-group-field_a3ad039');\n    if(!slot||!group) return;\n    document.body.appendChild(group); slot.appendChild(group);\n    window._gtdPG=group;\n    group.style.cssText='display:block!important;visibility:visible!important;margin-bottom:0;';\n    var inp=group.querySelector('input[type=\"tel\"]');\n    if(inp){\n      inp.style.cssText=[\n        'background:#f1f5f9',\n        'border:1px solid transparent',\n        'border-radius:10px',\n        'color:#0f172a',\n        \"font-family:inherit\",\n        'font-size:15px','font-weight:500','outline:none',\n        'width:100%','display:block','visibility:visible',\n        'padding:14px 16px 14px 54px',\n        'transition:all 0.3s cubic-bezier(0.2, 0, 0, 1)'\n      ].join(';');\n      \n      inp.addEventListener('focus', function(){\n        this.style.background = '#fff';\n        this.style.borderColor = '#c8102e';\n        this.style.boxShadow = '0 0 0 4px rgba(200, 16, 46, 0.12)';\n      });\n      inp.addEventListener('blur', function(){\n        this.style.background = '#f1f5f9';\n        this.style.borderColor = 'transparent';\n        this.style.boxShadow = 'none';\n      });\n    }\n    var iti=group.querySelector('.iti');\n    if(iti) iti.style.cssText='display:block!important;width:100%;visibility:visible!important;';\n    var pe=document.createElement('div');\n    pe.id='gtdPhoneErr'; pe.className='gtd-err';\n    pe.textContent='\u10d0\u10e0\u10d0\u10e1\u10ec\u10dd\u10e0\u10d8 \u10e2\u10d4\u10da\u10d4\u10e4\u10dd\u10dc\u10d8\u10e1 \u10dc\u10dd\u10db\u10d4\u10e0\u10d8';\n    slot.appendChild(pe);\n  }\n\n  function onReady(){ setTimeout(injectPhone,100); setTimeout(prefillURL,160); }\n  if(document.readyState==='complete') onReady();\n  else window.addEventListener('load',onReady);\n\n  \/* \u2550\u2550 SUBMIT \u2550\u2550 *\/\n  function handleSubmit(e) {\n    var btn = e.currentTarget;\n    if(!btn.classList.contains('ready')) return;\n    var email=emailInp.value.trim();\n    var pInp=document.getElementById('form-field-field_a3ad039');\n    var pVal=pInp?pInp.value.trim():'';\n    var digits=pVal.replace(\/\\D\/g,'');\n    var pOk=digits.length>=7&&digits.length<=12;\n    var pErr=g('gtdPhoneErr');\n    var bad=false;\n\n    if(email && email.indexOf('@')===-1){\n      emailInp.classList.add('err'); emailErr.classList.add('on'); bad=true;\n    } else { emailInp.classList.remove('err'); emailErr.classList.remove('on'); }\n\n    if(!pOk){\n      if(pInp){pInp.style.borderColor='#c8102e'; pInp.style.background='rgba(200,16,46,0.04)';}\n      if(pErr) pErr.classList.add('on'); bad=true;\n    } else {\n      if(pInp){pInp.style.borderColor='transparent'; pInp.style.background='#f1f5f9';}\n      if(pErr) pErr.classList.remove('on');\n    }\n    if(bad) return;\n\n    var eForm=document.querySelector('.elementor-form[name=\"test-drive\"]');\n    if(!eForm){ showSuccess(); return; }\n    if(window._gtdPG){ var fw=eForm.querySelector('.elementor-form-fields-wrapper'); if(fw) fw.appendChild(window._gtdPG); }\n\n    function sv(id,val){ var el=document.getElementById(id); if(el) el.value=val; }\n    sv('form-field-field_ffe4f1c',S.brandName||'');\n    sv('form-field-field_5ca8425',S.model?S.model.label:'');\n    sv('form-field-name',nameInp.value.trim());\n    sv('form-field-email',email);\n    sv('form-field-field_74c03d9',S.date?S.date.toISOString().split('T')[0]:'');\n\n    var fBtn=eForm.querySelector('[type=\"submit\"]');\n    if(fBtn) fBtn.click(); else eForm.submit();\n    setTimeout(function(){ var sl=g('gtdPhoneSlot'); if(sl&&window._gtdPG) sl.appendChild(window._gtdPG); },500);\n    showSuccess();\n  }\n\nif(submitBtn) submitBtn.addEventListener('click', handleSubmit);\n  if(submitBtnMob) submitBtnMob.addEventListener('click', handleSubmit);\n  \n \/* \u2550\u2550 SUCCESS \u2550\u2550 *\/\n  function showSuccess(){\n    var carImgHtml = '';\n    if(S.model && S.model.image){\n      carImgHtml = '<img decoding=\"async\" src=\"'+S.model.image+'\" alt=\"'+S.model.label+'\">';\n    }\n    g('gtdOuter').innerHTML=\n      '<div class=\"gtd-success\">'+\n        '<div class=\"gtd-suc-icon\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>'+\n        '<div class=\"gtd-suc-title\">\u10db\u10d0\u10d3\u10da\u10dd\u10d1\u10d0!<\/div>'+\n        '<div class=\"gtd-suc-sub\">\u10e8\u10d4\u10dc\u10d8 \u10e2\u10d4\u10e1\u10e2-\u10d3\u10e0\u10d0\u10d8\u10d5\u10d8\u10e1 \u10db\u10dd\u10d7\u10ee\u10dd\u10d5\u10dc\u10d0 \u10ec\u10d0\u10e0\u10db\u10d0\u10e2\u10d4\u10d1\u10d8\u10d7 \u10db\u10d8\u10d5\u10d8\u10e6\u10d4\u10d7. \u10e9\u10d5\u10d4\u10dc\u10d8 \u10d2\u10e3\u10dc\u10d3\u10d8 \u10db\u10d0\u10da\u10d4 \u10d3\u10d0\u10d2\u10d8\u10d9\u10d0\u10d5\u10e8\u10d8\u10e0\u10d3\u10d4\u10d1\u10d0.<\/div>'+\n        '<div class=\"gtd-suc-card\">'+\n          carImgHtml+\n          '<div class=\"gtd-suc-card-info\">'+\n            '<div style=\"font-size: 11px; font-weight: 600; color: var(--text-light); text-transform: uppercase; margin-bottom: 4px;\">\u10e9\u10d0\u10ec\u10d4\u10e0\u10d8\u10e1 \u10d3\u10d4\u10e2\u10d0\u10da\u10d4\u10d1\u10d8<\/div>'+\n            '<h4>'+(S.model?S.model.label:'')+'<\/h4>'+\n            '<p>'+(S.dateLabel||'')+'<\/p>'+\n          '<\/div>'+\n        '<\/div>'+\n      '<\/div>';\n      \n    \/\/ Smooth scroll to the top of the plugin container\n    setTimeout(function() {\n      var rootElement = g('gtdRoot');\n      if (rootElement) {\n        var headerOffset = 80; \/\/ Adjust this if you have a sticky site header\n        var elementPosition = rootElement.getBoundingClientRect().top;\n        var offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n        window.scrollTo({\n             top: offsetPosition,\n             behavior: \"smooth\"\n        });\n      }\n    }, 50);\n  }\n\n})();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9912431 e-flex e-con-boxed e-con e-parent\" data-id=\"9912431\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6642db5 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"6642db5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"test-drive\" aria-label=\"test-drive\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"223\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"6642db5\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\u10e2\u10d4\u10e1\u10e2-\u10d3\u10e0\u10d0\u10d8\u10d5\u10d8\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"223\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_ffe4f1c elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_ffe4f1c\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u10d1\u10e0\u10d4\u10dc\u10d3\u10d8\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_ffe4f1c]\" id=\"form-field-field_ffe4f1c\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_5ca8425 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_5ca8425\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u10db\u10dd\u10d3\u10d4\u10da\u10d8\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_5ca8425]\" id=\"form-field-field_5ca8425\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u10e1\u10d0\u10ee\u10d4\u10da\u10d8\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u10d4\u10da. \u10e4\u10dd\u10e1\u10e2\u10d0\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_a3ad039 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_a3ad039\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u10e2\u10d4\u10da\u10d4\u10e4\u10dd\u10dc\u10d8\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<span class=\"ccfef-editor-intl-input\" data-id=\"form-field-field_a3ad039\" data-field-id=\"a3ad039\" data-default-country=\"ge\" data-include-countries=\"\" data-exclude-countries=\"\" data-dial-code-visibility=\"show\" data-strict-mode=\"no\" style=\"display: none;\"><\/span>\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_a3ad039]\" id=\"form-field-field_a3ad039\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-date elementor-field-group elementor-column elementor-field-group-field_74c03d9 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_74c03d9\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u10d7\u10d0\u10e0\u10d8\u10e6\u10d8\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\n\t\t<input type=\"date\" name=\"form_fields[field_74c03d9]\" id=\"form-field-field_74c03d9\" class=\"elementor-field elementor-size-sm  elementor-field-textual elementor-date-field\" placeholder=\"\u10d7\u10d0\u10e0\u10d8\u10e6\u10d8\" pattern=\"[0-9]{4}-[0-9]{2}-[0-9]{2}\">\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":0,"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"wp:attachment":[{"href":"https:\/\/gwm.vasco.ge\/en\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}