{"id":1540,"date":"2025-08-21T15:25:08","date_gmt":"2025-08-21T15:25:08","guid":{"rendered":"https:\/\/aitoarmenia.am\/?page_id=1540"},"modified":"2026-02-12T21:47:54","modified_gmt":"2026-02-12T17:47:54","slug":"configurator-m5","status":"publish","type":"page","link":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/","title":{"rendered":"Configurator M5"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/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
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n 2026 AITO 5 Configurator<\/title>\r\n <style>\r\n .configurator-container * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n }\r\n\r\n .configurator-container {\r\n max-width: 1400px !important;\r\n margin: 0 auto !important;\r\n padding: 40px 20px !important;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n background: white !important;\r\n color: #333 !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n .configurator-container .header {\r\n text-align: center !important;\r\n margin-bottom: 50px !important;\r\n }\r\n\r\n .configurator-container .header h1 {\r\n font-size: 2.5rem !important;\r\n color: #222 !important;\r\n font-weight: 300 !important;\r\n margin-bottom: 10px !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n\r\n .configurator-container .header p {\r\n font-size: 1rem !important;\r\n color: #666 !important;\r\n }\r\n\r\n .configurator-container .main-content {\r\n display: grid !important;\r\n grid-template-columns: 3fr 1fr !important;\r\n gap: 40px !important;\r\n }\r\n\r\n .configurator-container .car-display {\r\n background: #f8f8f8 !important;\r\n border: 1px solid #ddd !important;\r\n border-radius: 0 !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;\r\n overflow: hidden !important;\r\n position: sticky !important;\r\n top: 10vh !important;\r\n height: max-content;\r\n z-index: 1 !important;\r\n }\r\n\r\n .configurator-container .view-tabs {\r\n display: flex !important;\r\n border-bottom: 1px solid #ddd !important;\r\n }\r\n\r\n .configurator-container .tab-button {\r\n flex: 1 !important;\r\n padding: 15px !important;\r\n background: white !important;\r\n border: none !important;\r\n border-right: 1px solid #ddd !important;\r\n color: #666 !important;\r\n cursor: pointer !important;\r\n font-size: 0.95rem !important;\r\n transition: all 0.2s ease !important;\r\n border-radius: 0 !important;\r\n letter-spacing: 0.5px !important;\r\n text-transform: uppercase !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n .configurator-container .tab-button:last-child {\r\n border-right: none !important;\r\n }\r\n\r\n .configurator-container .tab-button.active {\r\n background: #222 !important;\r\n color: white !important;\r\n }\r\n\r\n .configurator-container .tab-button:hover:not(.active) {\r\n background: #f0f0f0 !important;\r\n }\r\n\r\n .configurator-container .car-image-container {\r\n height: 500px !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%) !important;\r\n overflow: hidden !important;\r\n border: 1px solid #ddd;\r\n position: sticky !important;\r\n top: 6.6vh;\r\n z-index: 2;\r\n }\r\n\r\n .configurator-container .view-controls {\r\n position: absolute !important;\r\n bottom: 20px !important;\r\n right: 20px !important;\r\n background: rgba(255,255,255,0.7) !important;\r\n backdrop-filter: blur(5px) !important;\r\n border-radius: 30px !important;\r\n padding: 10px 15px !important;\r\n display: flex !important;\r\n gap: 15px !important;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;\r\n z-index: 10 !important;\r\n }\r\n\r\n .configurator-container .view-control-btn {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border: none !important;\r\n background: rgba(255,255,255,0.9) !important;\r\n border-radius: 50% !important;\r\n cursor: pointer !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n transition: all 0.2s ease !important;\r\n color: #222 !important;\r\n font-size: 18px !important;\r\n }\r\n\r\n .configurator-container .view-control-btn:hover {\r\n background: #222 !important;\r\n color: white !important;\r\n }\r\n\r\n .configurator-container .car-view {\r\n width: 100% !important;\r\n height: 100% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n opacity: 0 !important;\r\n transition: opacity 0.5s ease !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .configurator-container .car-view.active {\r\n opacity: 1 !important;\r\n pointer-events: auto !important;\r\n }\r\n\r\n .configurator-container .car-image {\r\n width: 90% !important;\r\n height: 90% !important;\r\n object-fit: contain !important;\r\n transition: transform 0.3s ease, opacity 0.3s ease !important;\r\n }\r\n\r\n .configurator-container .wheels-view .car-image {\r\n width: 200% !important;\r\n height: 200% !important;\r\n }\r\n\r\n .configurator-container .car-info {\r\n padding: 30px 40px !important;\r\n background: white !important;\r\n border-top: 1px solid #ddd !important;\r\n display: flex !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n }\r\n\r\n .configurator-container .car-info-text h3 {\r\n font-size: 1.6rem !important;\r\n color: #222 !important;\r\n font-weight: 500 !important;\r\n margin-bottom: 8px !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n\r\n .configurator-container .car-info-text p {\r\n color: #666 !important;\r\n font-size: 1rem !important;\r\n }\r\n\r\n .configurator-container .car-info-right {\r\n display: flex !important;\r\n flex-direction: row !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .configurator-container .car-info-badge {\r\n background: #222 !important;\r\n color: white !important;\r\n padding: 8px 15px !important;\r\n font-size: 0.85rem !important;\r\n letter-spacing: 1px !important;\r\n text-transform: uppercase !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .configurator-container .car-info-price {\r\n background: #f0f0f0 !important;\r\n color: #222 !important;\r\n padding: 8px 12px !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 600 !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n .configurator-container .controls-panel {\r\n background: white !important;\r\n border: 1px solid #ddd !important;\r\n border-radius: 0 !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\r\n }\r\n\r\n .configurator-container .control-section {\r\n border-bottom: 1px solid #ddd !important;\r\n }\r\n\r\n .configurator-container .control-section:last-child {\r\n border-bottom: none !important;\r\n }\r\n\r\n .configurator-container .control-section h3 {\r\n font-size: 1.1rem !important;\r\n color: #222 !important;\r\n font-weight: 500 !important;\r\n padding: 25px 25px 15px 25px !important;\r\n letter-spacing: 0.2px !important;\r\n }\r\n\r\n .configurator-container .section-content {\r\n padding: 0 25px 25px 25px !important;\r\n }\r\n\r\n .configurator-container .model-selector {\r\n display: grid !important;\r\n gap: 15px !important;\r\n }\r\n\r\n .configurator-container .selector-group {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .configurator-container .selector-label {\r\n font-size: 0.9rem !important;\r\n color: #666 !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n .configurator-container .selector-options {\r\n display: flex !important;\r\n gap: 10px !important;\r\n }\r\n\r\n .configurator-container .selector-option {\r\n flex: 1 !important;\r\n padding: 12px !important;\r\n border: 2px solid #ddd !important;\r\n background: white !important;\r\n cursor: pointer !important;\r\n text-align: center !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 500 !important;\r\n transition: all 0.2s ease !important;\r\n }\r\n\r\n .configurator-container .selector-option.selected {\r\n border-color: #222 !important;\r\n background: #222 !important;\r\n color: white !important;\r\n }\r\n\r\n .configurator-container .selector-option:hover:not(.selected) {\r\n border-color: #999 !important;\r\n }\r\n\r\n .configurator-container .color-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(2, 1fr) !important;\r\n gap: 15px !important;\r\n }\r\n\r\n .configurator-container .color-option {\r\n width: 100% !important;\r\n height: 120px !important;\r\n border: 3px solid #ddd !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n border-radius: 0 !important;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.08) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n }\r\n\r\n .configurator-container .color-image {\r\n flex: 1 !important;\r\n background-size: cover !important;\r\n background-position: center !important;\r\n background-repeat: no-repeat !important;\r\n }\r\n\r\n .configurator-container .color-option.selected {\r\n border-color: #222 !important;\r\n transform: scale(1.05) !important;\r\n box-shadow: 0 8px 16px rgba(0,0,0,0.2) !important;\r\n }\r\n\r\n .configurator-container .color-label {\r\n background: #f8f8f8 !important;\r\n color: #333 !important;\r\n padding: 8px 12px !important;\r\n font-size: 0.7rem !important;\r\n font-weight: 500 !important;\r\n text-align: center !important;\r\n border-top: 1px solid #ddd !important;\r\n margin-top: auto !important;\r\n height: 40px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n }\r\n\r\n .configurator-container .wheel-grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n gap: 15px !important;\r\n }\r\n\r\n .configurator-container .wheel-option {\r\n border: 2px solid #ddd !important;\r\n padding: 15px !important;\r\n cursor: pointer !important;\r\n transition: all 0.2s ease !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 15px !important;\r\n }\r\n\r\n .configurator-container .wheel-option.selected {\r\n border-color: #222 !important;\r\n background: #f8f8f8 !important;\r\n }\r\n\r\n .configurator-container .wheel-option.disabled {\r\n opacity: 0.5 !important;\r\n cursor: not-allowed !important;\r\n }\r\n\r\n .configurator-container .wheel-image {\r\n width: 90px !important;\r\n height: 90px !important;\r\n border-radius: 50% !important;\r\n background: #f0f0f0 !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 0.8rem !important;\r\n color: #666 !important;\r\n background-size: contain !important;\r\n background-position: center !important;\r\n background-repeat: no-repeat !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n .configurator-container .wheel-image img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: contain !important;\r\n }\r\n\r\n .configurator-container .wheel-info {\r\n flex: 1 !important;\r\n }\r\n\r\n .configurator-container .wheel-name {\r\n font-weight: 500 !important;\r\n margin-bottom: 4px !important;\r\n }\r\n\r\n .configurator-container .wheel-description {\r\n font-size: 0.85rem !important;\r\n color: #666 !important;\r\n }\r\n\r\n .configurator-container .wheel-price {\r\n font-weight: 600 !important;\r\n color: #222 !important;\r\n }\r\n\r\n .configurator-container .options-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 15px !important;\r\n }\r\n\r\n .configurator-container .option-item {\r\n border: 2px solid #ddd !important;\r\n padding: 15px !important;\r\n cursor: pointer !important;\r\n transition: all 0.2s ease !important;\r\n }\r\n\r\n .configurator-container .option-item.selected {\r\n border-color: #222 !important;\r\n background: #f8f8f8 !important;\r\n }\r\n\r\n .configurator-container .option-header {\r\n display: flex !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .configurator-container .option-name {\r\n font-weight: 500 !important;\r\n }\r\n\r\n .configurator-container .option-price {\r\n font-weight: 600 !important;\r\n color: #222 !important;\r\n }\r\n\r\n .configurator-container .option-description {\r\n font-size: 0.85rem !important;\r\n color: #666 !important;\r\n }\r\n\r\n .configurator-container .action-section {\r\n padding: 25px !important;\r\n background: #f8f8f8 !important;\r\n border-top: 1px solid #ddd !important;\r\n }\r\n\r\n .configurator-container .price-row {\r\n display: flex !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n margin-bottom: 8px !important;\r\n font-size: 0.9rem !important;\r\n }\r\n\r\n .configurator-container .price-row.total {\r\n font-size: 1.1rem !important;\r\n font-weight: 600 !important;\r\n color: #222 !important;\r\n padding-top: 15px !important;\r\n border-top: 1px solid #ddd !important;\r\n margin-top: 15px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .configurator-container .configure-button {\r\n width: 100% !important;\r\n padding: 15px !important;\r\n background: #222 !important;\r\n color: white !important;\r\n border: none !important;\r\n font-size: 1rem !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.2s ease !important;\r\n border-radius: 0 !important;\r\n letter-spacing: 0.5px !important;\r\n text-transform: uppercase !important;\r\n font-weight: 600 !important;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\r\n }\r\n\r\n .configurator-container .configure-button:hover {\r\n background: #333 !important;\r\n box-shadow: 0 6px 16px rgba(0,0,0,0.2) !important;\r\n }\r\n\r\n \/* Contact Form Styles *\/\r\n .configurator-container .contact-form-section {\r\n background: white !important;\r\n border: 1px solid #ddd !important;\r\n border-radius: 0 !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\r\n margin-top: 30px !important;\r\n display: none !important;\r\n }\r\n\r\n .configurator-container .contact-form-section.show {\r\n display: block !important;\r\n animation: slideDown 0.3s ease !important;\r\n }\r\n\r\n @keyframes slideDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .configurator-container .contact-form-header {\r\n padding: 25px !important;\r\n background: #f8f8f8 !important;\r\n border-bottom: 1px solid #ddd !important;\r\n }\r\n\r\n .configurator-container .contact-form-header h3 {\r\n font-size: 1.3rem !important;\r\n color: #222 !important;\r\n font-weight: 500 !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n .configurator-container .contact-form-header p {\r\n color: #666 !important;\r\n font-size: 0.95rem !important;\r\n }\r\n\r\n .configurator-container .contact-form-content {\r\n padding: 30px 25px !important;\r\n }\r\n\r\n .configurator-container .form-grid {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 20px !important;\r\n margin-bottom: 20px !important;\r\n }\r\n\r\n .configurator-container .form-group {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: 8px !important;\r\n }\r\n\r\n .configurator-container .form-group.full-width {\r\n grid-column: 1 \/ -1 !important;\r\n }\r\n\r\n .configurator-container .form-label {\r\n font-size: 0.9rem !important;\r\n color: #222 !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n .configurator-container .form-input {\r\n padding: 12px 15px !important;\r\n border: 2px solid #ddd !important;\r\n background: white !important;\r\n font-size: 1rem !important;\r\n font-family: inherit !important;\r\n transition: border-color 0.2s ease !important;\r\n border-radius: 0 !important;\r\n }\r\n\r\n .configurator-container .form-input:focus {\r\n outline: none !important;\r\n border-color: #222 !important;\r\n }\r\n\r\n .configurator-container .form-input.error {\r\n border-color: #dc3545 !important;\r\n }\r\n\r\n .configurator-container .form-error {\r\n color: #dc3545 !important;\r\n font-size: 0.85rem !important;\r\n margin-top: 5px !important;\r\n }\r\n\r\n .configurator-container .form-buttons {\r\n display: flex !important;\r\n align-items: stretch !important;\r\n gap: 15px !important;\r\n margin-top: 30px !important;\r\n }\r\n \r\n .configurator-container .form-buttons button {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 50px !important;\r\n }\r\n\r\n .configurator-container .submit-button {\r\n flex: 1 !important;\r\n padding: 15px !important;\r\n background: #222 !important;\r\n color: white !important;\r\n border: none !important;\r\n font-size: 1rem !important;\r\n cursor: pointer !important;\r\n transition: background-color 0.2s ease !important;\r\n border-radius: 0 !important;\r\n letter-spacing: 0.5px !important;\r\n text-transform: uppercase !important;\r\n font-weight: 600 !important;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;\r\n height: auto !important;\r\n }\r\n\r\n .configurator-container .submit-button:hover:not(:disabled) {\r\n background: #333 !important;\r\n box-shadow: 0 6px 16px rgba(0,0,0,0.2) !important;\r\n }\r\n\r\n .configurator-container .submit-button:disabled {\r\n background: #999 !important;\r\n cursor: not-allowed !important;\r\n }\r\n\r\n .configurator-container .cancel-button {\r\n flex: 1 !important;\r\n padding: 15px !important;\r\n background: transparent !important;\r\n color: #666 !important;\r\n border: 2px solid #ddd !important;\r\n font-size: 1rem !important;\r\n cursor: pointer !important;\r\n transition: all 0.2s ease !important;\r\n border-radius: 0 !important;\r\n letter-spacing: 0.5px !important;\r\n text-transform: uppercase !important;\r\n font-weight: 600 !important;\r\n text-align: center !important;\r\n height: auto !important;\r\n }\r\n\r\n .configurator-container .cancel-button:hover {\r\n border-color: #999 !important;\r\n color: #333 !important;\r\n }\r\n\r\n .configurator-container .success-message {\r\n background: #d4edda !important;\r\n color: #155724 !important;\r\n padding: 15px !important;\r\n border: 1px solid #c3e6cb !important;\r\n margin-bottom: 20px !important;\r\n border-radius: 0 !important;\r\n text-align: center !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n .configurator-container .error-message {\r\n background: #f8d7da !important;\r\n color: #721c24 !important;\r\n padding: 15px !important;\r\n border: 1px solid #f5c6cb !important;\r\n margin-bottom: 20px !important;\r\n border-radius: 0 !important;\r\n text-align: center !important;\r\n font-weight: 500 !important;\r\n }\r\n\r\n \/* Color backgrounds *\/\r\n .configurator-container .color-image.ext-midnight-black { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp') !important;\r\n }\r\n .configurator-container .color-image.ext-arctic-white { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/M5_arctic-white-color-scaled.png') !important;\r\n }\r\n .configurator-container .color-image.ext-glacial-blue { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/M5_glacial-blue-color-scaled.png') !important;\r\n }\r\n .configurator-container .color-image.ext-tahiti-grey { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Lunar-Grey-scaled.webp') !important;\r\n }\r\n .configurator-container .color-image.ext-metropolitan-red { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Metropolitan-Red-1-scaled.webp') !important;\r\n }\r\n\r\n .configurator-container .color-image.int-camel { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Camel-scaled.webp') !important;\r\n }\r\n .configurator-container .color-image.int-beige { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Beige-scaled.webp') !important;\r\n }\r\n .configurator-container .color-image.int-burgundy { \r\n background-image: url('https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Burgundy-scaled.webp') !important;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .configurator-container .main-content {\r\n grid-template-columns: 2fr 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .configurator-container .form-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .configurator-container .main-content {\r\n grid-template-columns: 1fr !important;\r\n gap: 30px !important;\r\n }\r\n \r\n .configurator-container .color-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .configurator-container .header h1 {\r\n font-size: 2rem !important;\r\n }\r\n \r\n .configurator-container .car-image-container {\r\n height: 350px !important;\r\n top: 7.5vh !important;\r\n transition: height 0.3s ease !important;\r\n }\r\n \r\n .configurator-container.form-visible .car-image-container.hide-desktop {\r\n height: 175px !important;\r\n }\r\n\r\n .configurator-container .selector-options {\r\n flex-direction: column !important;\r\n }\r\n\r\n .configurator-container .form-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .configurator-container .form-buttons {\r\n flex-direction: column !important;\r\n }\r\n\r\n .configurator-container .car-info-right {\r\n flex-direction: column !important;\r\n align-items: flex-end !important;\r\n }\r\n }\r\n \r\n .hide-mobile {\r\n top: 0px !important;\r\n border: 0px !important;\r\n display: flex !important;\r\n }\r\n \r\n @media (max-width: 767px) {\r\n .hide-mobile {\r\n display: none !important;\r\n }\r\n }\r\n \r\n .hide-desktop {\r\n display: flex !important;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .hide-desktop {\r\n display: none !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"configurator-container\">\r\n <div class=\"header\">\r\n <h1>\u0421\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u0443\u0439\u0442\u0435 \u0441\u0432\u043e\u0439 AITO 5 2026 \u0433\u043e\u0434\u0430<\/h1>\r\n <p>\u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043c\u043e\u0431\u0438\u043b\u044c \u0441 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043d\u044b\u043c \u0437\u0430\u043f\u0430\u0441\u043e\u043c \u0445\u043e\u0434\u0430<\/p>\r\n <\/div>\r\n\r\n <div class=\"car-image-container hide-desktop\">\r\n <div class=\"car-view exterior-view active\" id=\"exteriorView\">\r\n <img decoding=\"async\" class=\"car-image\" id=\"exteriorImage\" \r\n src=\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp\" \r\n alt=\"Car Exterior\">\r\n <\/div>\r\n <div class=\"car-view interior-view\" id=\"interiorView\">\r\n <img decoding=\"async\" class=\"car-image\" id=\"interiorImage\" \r\n src=\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Beige-scaled.webp\" \r\n alt=\"Car Interior\">\r\n <\/div>\r\n <div class=\"car-view wheels-view\" id=\"wheelsView\">\r\n <img decoding=\"async\" class=\"car-image\" id=\"wheelsImage\" \r\n src=\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/4-1-2.png\" \r\n alt=\"Car Wheels\">\r\n <\/div>\r\n \r\n <div class=\"view-controls\">\r\n <button class=\"view-control-btn\" onclick=\"zoomIn()\">+<\/button>\r\n <button class=\"view-control-btn\" onclick=\"zoomOut()\">-<\/button>\r\n <button class=\"view-control-btn\" onclick=\"resetView()\">\u21ba<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"main-content\">\r\n <div class=\"car-display\">\r\n <div class=\"view-tabs\">\r\n <button class=\"tab-button active\" onclick=\"switchView('exterior')\">\u042d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440<\/button>\r\n <button class=\"tab-button\" onclick=\"switchView('interior')\">\u0418\u043d\u0442\u0435\u0440\u044c\u0435\u0440<\/button>\r\n <button class=\"tab-button\" onclick=\"switchView('wheels')\">\u041a\u043e\u043b\u0451\u0441\u0430<\/button>\r\n <\/div>\r\n\r\n <div class=\"car-image-container hide-mobile\">\r\n <div class=\"car-view exterior-view active\" id=\"exteriorViewDesktop\">\r\n <img decoding=\"async\" class=\"car-image\" id=\"exteriorImageDesktop\" \r\n src=\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp\" \r\n alt=\"Car Exterior\">\r\n <\/div>\r\n <div class=\"car-view interior-view\" id=\"interiorViewDesktop\">\r\n <img decoding=\"async\" class=\"car-image\" id=\"interiorImageDesktop\" \r\n src=\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Beige-scaled.webp\" \r\n alt=\"Car Interior\">\r\n <\/div>\r\n <div class=\"car-view wheels-view\" id=\"wheelsViewDesktop\">\r\n <img decoding=\"async\" class=\"car-image\" id=\"wheelsImageDesktop\" \r\n src=\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/4-1-2.png\" \r\n alt=\"Car Wheels\">\r\n <\/div>\r\n \r\n <div class=\"view-controls\">\r\n <button class=\"view-control-btn\" onclick=\"zoomIn()\">+<\/button>\r\n <button class=\"view-control-btn\" onclick=\"zoomOut()\">-<\/button>\r\n <button class=\"view-control-btn\" onclick=\"resetView()\">\u21ba<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"car-info\">\r\n <div class=\"car-info-text\">\r\n <h3 id=\"carTitle\">AITO 5<\/h3>\r\n <p id=\"carDetails\">Configure your model to see details<\/p>\r\n <\/div>\r\n <div class=\"car-info-right\">\r\n <div class=\"car-info-badge\" id=\"carBadge\">REEV<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"controls-panel\">\r\n <div class=\"control-section\">\r\n <h3>\u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043c\u043e\u0434\u0435\u043b\u0438<\/h3>\r\n <div class=\"section-content\">\r\n <div class=\"model-selector\">\r\n <div class=\"selector-group\">\r\n <div class=\"selector-label\">\u041f\u0440\u0438\u0432\u043e\u0434<\/div>\r\n <div class=\"selector-options\">\r\n <div class=\"selector-option selected\" onclick=\"selectDrivetrain('RWD')\" data-drivetrain=\"RWD\">RWD Max<\/div>\r\n <div class=\"selector-option\" onclick=\"selectDrivetrain('AWD')\" data-drivetrain=\"AWD\">AWD Max RS<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"control-section\">\r\n <h3>\u041a\u043e\u043b\u0451\u0441\u0430<\/h3>\r\n <div class=\"section-content\">\r\n <div class=\"wheel-grid\" id=\"wheelOptions\">\r\n <!-- Populated by JavaScript -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"control-section\">\r\n <h3>\u0426\u0432\u0435\u0442 \u043a\u0443\u0437\u043e\u0432\u0430<\/h3>\r\n <div class=\"section-content\">\r\n <div class=\"color-grid\">\r\n <div class=\"color-option selected\" onclick=\"selectExteriorColor('midnight-black', 'Midnight Black', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp')\">\r\n <div class=\"color-image ext-midnight-black\"><\/div>\r\n <div class=\"color-label\">\u041f\u043e\u043b\u0443\u043d\u043e\u0447\u043d\u044b\u0439 \u0447\u0451\u0440\u043d\u044b\u0439<\/div>\r\n <\/div>\r\n <div class=\"color-option\" onclick=\"selectExteriorColor('arctic-white', 'Arctic White', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/M5_arctic-white-color-scaled.png')\">\r\n <div class=\"color-image ext-arctic-white\"><\/div>\r\n <div class=\"color-label\">\u0410\u0440\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0431\u0435\u043b\u044b\u0439<\/div>\r\n <\/div>\r\n <div class=\"color-option\" onclick=\"selectExteriorColor('glacial-blue', 'Glacial Blue', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/M5_glacial-blue-color-scaled.png')\">\r\n <div class=\"color-image ext-glacial-blue\"><\/div>\r\n <div class=\"color-label\">\u041b\u0435\u0434\u043d\u0438\u043a\u043e\u0432\u044b\u0439 \u0441\u0438\u043d\u0438\u0439<\/div>\r\n <\/div>\r\n <div class=\"color-option\" onclick=\"selectExteriorColor('tahiti-grey', 'Tahiti Grey', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Lunar-Grey-scaled.webp')\">\r\n <div class=\"color-image ext-tahiti-grey\"><\/div>\r\n <div class=\"color-label\">\u0441\u0435\u0440\u044b\u0439<\/div>\r\n <\/div>\r\n <div class=\"color-option\" onclick=\"selectExteriorColor('metropolitan-red', 'Metropolitan Red', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Metropolitan-Red-1-scaled.webp')\">\r\n <div class=\"color-image ext-metropolitan-red\"><\/div>\r\n <div class=\"color-label\">\u041c\u0435\u0442\u0440\u043e\u043f\u043e\u043b\u0438\u0442\u0435\u043d \u043a\u0440\u0430\u0441\u043d\u044b\u0439<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"control-section\">\r\n <h3>\u0426\u0432\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430<\/h3>\r\n <div class=\"section-content\">\r\n <div class=\"color-grid\">\r\n <div class=\"color-option\" onclick=\"selectInteriorColor('camel', 'Camel', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Camel-scaled.webp')\">\r\n <div class=\"color-image int-camel\"><\/div>\r\n <div class=\"color-label\">\u041a\u044d\u043c\u0435\u043b<\/div>\r\n <\/div>\r\n <div class=\"color-option selected\" onclick=\"selectInteriorColor('beige', 'Beige', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Beige-scaled.webp')\">\r\n <div class=\"color-image int-beige\"><\/div>\r\n <div class=\"color-label\">\u0411\u0435\u0436\u0435\u0432\u044b\u0439<\/div>\r\n <\/div>\r\n <div class=\"color-option\" onclick=\"selectInteriorColor('burgundy', 'Burgundy', 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Burgundy-scaled.webp')\">\r\n <div class=\"color-image int-burgundy\"><\/div>\r\n <div class=\"color-label\">\u0411\u043e\u0440\u0434\u043e\u0432\u044b\u0439<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"control-section\">\r\n <h3>\u041e\u043f\u0446\u0438\u0438 \u0438 \u043f\u0430\u043a\u0435\u0442\u044b<\/h3>\r\n <div class=\"section-content\">\r\n <div class=\"options-list\">\r\n <div class=\"option-item\" onclick=\"toggleOption('technology-package')\" id=\"technology-package-option\">\r\n <div class=\"option-header\">\r\n <div class=\"option-name\">\u041f\u0430\u043a\u0435\u0442 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439<\/div>\r\n <div class=\"option-price\" id=\"tech-package-price\"><\/div>\r\n <\/div>\r\n <div class=\"option-description\">\u0410\u0443\u0434\u0438\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0432 \u043f\u043e\u0434\u0433\u043e\u043b\u043e\u0432\u043d\u0438\u043a\u0435 \u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f, \u0445\u0440\u0443\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u044b\u0447\u0430\u0433 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447, HUD<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"action-section\">\r\n <button class=\"configure-button\" onclick=\"showContactForm()\">\r\n \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Form Section -->\r\n <div class=\"contact-form-section\" id=\"contactFormSection\">\r\n <div class=\"contact-form-header\">\r\n <h3>Get Your Quote<\/h3>\r\n <p>Please provide your contact information to receive your personalized quote.<\/p>\r\n <\/div>\r\n <div class=\"contact-form-content\">\r\n <div id=\"messageContainer\"><\/div>\r\n <form id=\"contactForm\">\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"firstName\">First Name *<\/label>\r\n <input type=\"text\" id=\"firstName\" name=\"firstName\" class=\"form-input\" required>\r\n <div class=\"form-error\" id=\"firstNameError\"><\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label class=\"form-label\" for=\"lastName\">Last Name *<\/label>\r\n <input type=\"text\" id=\"lastName\" name=\"lastName\" class=\"form-input\" required>\r\n <div class=\"form-error\" id=\"lastNameError\"><\/div>\r\n <\/div>\r\n <div class=\"form-group full-width\">\r\n <label class=\"form-label\" for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\">\r\n <div class=\"form-error\" id=\"emailError\"><\/div>\r\n <\/div>\r\n <div class=\"form-group full-width\">\r\n <label class=\"form-label\" for=\"phone\">Phone Number *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" required>\r\n <div class=\"form-error\" id=\"phoneError\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-buttons\">\r\n <button type=\"button\" class=\"cancel-button\" onclick=\"hideContactForm()\">Cancel<\/button>\r\n <button type=\"submit\" class=\"submit-button\" id=\"submitButton\">\r\n <span id=\"submitText\">Send Quote Request<\/span>\r\n <\/button>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ru\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let currentView = 'exterior';\r\n let currentZoom = 1;\r\n const zoomStep = 0.1;\r\n const maxZoom = 1.5;\r\n const minZoom = 0.8;\r\n \r\n \/\/ Model pricing matrix (in AMD)\r\n \/\/ Model pricing matrix removed - no prices displayed\r\n\r\n \/\/ Wheel options based on drivetrain (prices in AMD)\r\n const wheelOptions = {\r\n 'RWD': [\r\n { \r\n id: '19-5-spoke', \r\n name: '19\" Dual-arm 5-spoke', \r\n description: 'Standard for RWD Max models', \r\n \r\n image: 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/M5_tires_2.png'\r\n },\r\n {\r\n id: '20-5-spoke',\r\n name: '20\" Dual-arm 5-spoke',\r\n description: 'Premium upgrade',\r\n \r\n image: 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/M5_tires_3.png'\r\n }\r\n ],\r\n 'AWD': [\r\n { \r\n id: '20-rs-black', \r\n name: '20\" RS All-black', \r\n description: 'Standard for AWD Max RS', \r\n \r\n image: 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/M5_tires_1.png'\r\n }\r\n ]\r\n };\r\n\r\n \/\/ Wheel color variants based on exterior color\r\n const wheelColorMapping = {\r\n '19-5-spoke': {\r\n 'midnight-black': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/4-1-2.png',\r\n 'arctic-white': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/3-1-2.png',\r\n 'glacial-blue': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/2-scaled.png',\r\n 'tahiti-grey': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/1-1-3.png',\r\n 'metropolitan-red': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/2-1-2.png'\r\n },\r\n '20-5-spoke': {\r\n 'midnight-black': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/4-2-2.png',\r\n 'arctic-white': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/3-2-2.png',\r\n 'glacial-blue': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/1-scaled.png',\r\n 'tahiti-grey': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/1-2-2-1.png',\r\n 'metropolitan-red': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/2-2-2-1.png'\r\n },\r\n '20-rs-black': {\r\n 'midnight-black': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/4-3-1.png',\r\n 'arctic-white': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/SUV.png',\r\n 'glacial-blue': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Untitled-design-6-scaled.png',\r\n 'tahiti-grey': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/1-3-1.png',\r\n 'metropolitan-red': 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/2-3-1.png'\r\n }\r\n };\r\n\r\n let selectedConfiguration = {\r\n drivetrain: 'RWD',\r\n wheels: '19-5-spoke',\r\n exteriorColor: 'midnight-black',\r\n exteriorColorName: 'Midnight Black',\r\n exteriorImage: 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp',\r\n interiorColor: 'beige',\r\n interiorColorName: 'Beige',\r\n interiorImage: 'https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Beige-scaled.webp',\r\n options: []\r\n };\r\n\r\n function initializeConfigurator() {\r\n updateWheelOptions();\r\n updateTechPackageVisibility();\r\n updateWheelImages();\r\n updateCarInfo();\r\n }\r\n\r\n function switchView(view) {\r\n currentView = view;\r\n \r\n document.querySelectorAll('.configurator-container .tab-button').forEach(btn => btn.classList.remove('active'));\r\n document.querySelectorAll('.configurator-container .tab-button').forEach(btn => {\r\n if (btn.textContent.toLowerCase() === view) {\r\n btn.classList.add('active');\r\n }\r\n });\r\n \r\n document.querySelectorAll('.configurator-container .car-view').forEach(v => v.classList.remove('active'));\r\n document.getElementById(view + 'View').classList.add('active');\r\n document.getElementById(view + 'ViewDesktop').classList.add('active');\r\n \r\n resetView();\r\n updateCarInfo();\r\n }\r\n\r\n function selectDrivetrain(drivetrain) {\r\n selectedConfiguration.drivetrain = drivetrain;\r\n updateSelector('drivetrain', drivetrain);\r\n updateWheelOptions();\r\n updateTechPackageVisibility();\r\n updateConfiguration();\r\n }\r\n\r\n function updateSelector(type, value) {\r\n document.querySelectorAll(`[data-${type}]`).forEach(option => {\r\n option.classList.remove('selected');\r\n if (option.dataset[type] === value) {\r\n option.classList.add('selected');\r\n }\r\n });\r\n }\r\n\r\n function updateWheelOptions() {\r\n const wheelContainer = document.getElementById('wheelOptions');\r\n wheelContainer.innerHTML = '';\r\n\r\n const availableWheels = wheelOptions[selectedConfiguration.drivetrain];\r\n\r\n \/\/ Check if current wheel exists in new drivetrain, if not select first available\r\n const currentWheelExists = availableWheels.some(wheel => wheel.id === selectedConfiguration.wheels);\r\n if (!currentWheelExists && availableWheels.length > 0) {\r\n selectedConfiguration.wheels = availableWheels[0].id;\r\n }\r\n\r\n availableWheels.forEach((wheel, index) => {\r\n const wheelElement = document.createElement('div');\r\n wheelElement.className = 'wheel-option';\r\n const isSelected = selectedConfiguration.wheels === wheel.id;\r\n if (isSelected) {\r\n wheelElement.classList.add('selected');\r\n }\r\n if (index === 0 && !selectedConfiguration.wheels) {\r\n wheelElement.classList.add('selected');\r\n selectedConfiguration.wheels = wheel.id;\r\n }\r\n\r\n wheelElement.onclick = () => selectWheel(wheel.id);\r\n\r\n wheelElement.innerHTML = `\r\n <div class=\"wheel-image\">\r\n <img decoding=\"async\" src=\"${wheel.image}\" alt=\"${wheel.name}\" loading=\"lazy\">\r\n <\/div>\r\n <div class=\"wheel-info\">\r\n <div class=\"wheel-name\">${wheel.name}<\/div>\r\n <div class=\"wheel-description\">${wheel.description}<\/div>\r\n <\/div>\r\n `;\r\n\r\n wheelContainer.appendChild(wheelElement);\r\n });\r\n\r\n updateWheelImages();\r\n updateCarInfo();\r\n }\r\n\r\n function updateTechPackageVisibility() {\r\n const techPackageOption = document.getElementById('technology-package-option');\r\n const techPackagePrice = document.getElementById('tech-package-price');\r\n\r\n \/\/ Technology package is standard on AWD Max RS, paid option on RWD Max\r\n if (selectedConfiguration.drivetrain === 'AWD') {\r\n techPackagePrice.textContent = 'Standard';\r\n techPackageOption.style.opacity = '0.7';\r\n techPackageOption.style.pointerEvents = 'none';\r\n \/\/ Remove from options if it was selected before\r\n selectedConfiguration.options = selectedConfiguration.options.filter(id => id !== 'technology-package');\r\n techPackageOption.classList.remove('selected');\r\n } else {\r\n techPackagePrice.textContent = '';\r\n techPackageOption.style.opacity = '1';\r\n techPackageOption.style.pointerEvents = 'auto';\r\n }\r\n }\r\n\r\n function selectWheel(wheelId) {\r\n selectedConfiguration.wheels = wheelId;\r\n\r\n document.querySelectorAll('.wheel-option').forEach(option => {\r\n option.classList.remove('selected');\r\n });\r\n event.currentTarget.classList.add('selected');\r\n\r\n updateWheelImages();\r\n if (currentView !== 'wheels') switchView('wheels');\r\n updateConfiguration();\r\n }\r\n\r\n function updateWheelImages() {\r\n const wheelImage = wheelColorMapping[selectedConfiguration.wheels]?.[selectedConfiguration.exteriorColor];\r\n if (wheelImage) {\r\n fadeChangeImage('wheelsImage', 'wheelsImageDesktop', wheelImage);\r\n }\r\n }\r\n\r\n function fadeChangeImage(mobileId, desktopId, newSrc) {\r\n const mobileImg = document.getElementById(mobileId);\r\n const desktopImg = document.getElementById(desktopId);\r\n \r\n \/\/ Create temp images for crossfade\r\n const tempMobile = mobileImg.cloneNode();\r\n const tempDesktop = desktopImg.cloneNode();\r\n \r\n tempMobile.src = newSrc;\r\n tempDesktop.src = newSrc;\r\n tempMobile.style.opacity = '0';\r\n tempDesktop.style.opacity = '0';\r\n tempMobile.style.position = 'absolute';\r\n tempDesktop.style.position = 'absolute';\r\n tempMobile.style.zIndex = '1';\r\n tempDesktop.style.zIndex = '1';\r\n \r\n mobileImg.parentNode.appendChild(tempMobile);\r\n desktopImg.parentNode.appendChild(tempDesktop);\r\n \r\n \/\/ Crossfade\r\n setTimeout(() => {\r\n tempMobile.style.opacity = '1';\r\n tempDesktop.style.opacity = '1';\r\n }, 10);\r\n \r\n setTimeout(() => {\r\n mobileImg.src = newSrc;\r\n desktopImg.src = newSrc;\r\n tempMobile.remove();\r\n tempDesktop.remove();\r\n }, 310);\r\n }\r\n\r\n function selectExteriorColor(color, name, imageUrl) {\r\n selectedConfiguration.exteriorColor = color;\r\n selectedConfiguration.exteriorColorName = name;\r\n selectedConfiguration.exteriorImage = imageUrl;\r\n\r\n document.querySelectorAll('.configurator-container .control-section')[2].querySelectorAll('.color-option').forEach(option => {\r\n option.classList.remove('selected');\r\n });\r\n event.currentTarget.classList.add('selected');\r\n\r\n fadeChangeImage('exteriorImage', 'exteriorImageDesktop', imageUrl);\r\n updateWheelImages();\r\n if (currentView !== 'exterior') switchView('exterior');\r\n updateConfiguration();\r\n }\r\n\r\n function selectInteriorColor(color, name, imageUrl) {\r\n selectedConfiguration.interiorColor = color;\r\n selectedConfiguration.interiorColorName = name;\r\n selectedConfiguration.interiorImage = imageUrl;\r\n\r\n document.querySelectorAll('.configurator-container .control-section')[3].querySelectorAll('.color-option').forEach(option => {\r\n option.classList.remove('selected');\r\n });\r\n event.currentTarget.classList.add('selected');\r\n\r\n fadeChangeImage('interiorImage', 'interiorImageDesktop', imageUrl);\r\n if (currentView !== 'interior') switchView('interior');\r\n updateConfiguration();\r\n }\r\n\r\n function toggleOption(optionId) {\r\n \/\/ Don't allow toggling technology package on AWD (it's standard)\r\n if (optionId === 'technology-package' && selectedConfiguration.drivetrain === 'AWD') {\r\n return;\r\n }\r\n\r\n const optionElement = event.currentTarget;\r\n const isSelected = optionElement.classList.contains('selected');\r\n\r\n if (isSelected) {\r\n optionElement.classList.remove('selected');\r\n selectedConfiguration.options = selectedConfiguration.options.filter(id => id !== optionId);\r\n } else {\r\n optionElement.classList.add('selected');\r\n selectedConfiguration.options.push(optionId);\r\n }\r\n\r\n updateConfiguration();\r\n }\r\n\r\n function updateConfiguration() {\r\n updateCarInfo();\r\n }\r\n\r\n function updateCarInfo() {\r\n const carTitle = document.getElementById('carTitle');\r\n const carDetails = document.getElementById('carDetails');\r\n const carBadge = document.getElementById('carBadge');\r\n\r\n const modelName = `AITO 5 ${selectedConfiguration.drivetrain === 'RWD' ? 'Max' : 'Max RS'}`;\r\n carTitle.textContent = modelName;\r\n carBadge.textContent = selectedConfiguration.drivetrain === 'RWD' ? 'Max' : 'Max RS';\r\n \r\n if (currentView === 'exterior') {\r\n carDetails.textContent = `${selectedConfiguration.exteriorColorName} exterior with ${selectedConfiguration.interiorColorName} interior`;\r\n } else if (currentView === 'interior') {\r\n carDetails.textContent = `${selectedConfiguration.interiorColorName} interior with ${selectedConfiguration.exteriorColorName} exterior`;\r\n } else {\r\n const selectedWheel = wheelOptions[selectedConfiguration.drivetrain].find(w => w.id === selectedConfiguration.wheels);\r\n carDetails.textContent = `${selectedWheel ? selectedWheel.name : selectedConfiguration.wheels} wheels in ${selectedConfiguration.exteriorColorName}`;\r\n }\r\n }\r\n\r\n\r\n function zoomIn() {\r\n if (currentZoom < maxZoom) {\r\n currentZoom += zoomStep;\r\n updateZoom();\r\n }\r\n }\r\n\r\n function zoomOut() {\r\n if (currentZoom > minZoom) {\r\n currentZoom -= zoomStep;\r\n updateZoom();\r\n }\r\n }\r\n\r\n function resetView() {\r\n currentZoom = 1;\r\n updateZoom();\r\n \r\n const mobileImage = currentView === 'exterior' ? \r\n document.getElementById('exteriorImage') : \r\n currentView === 'interior' ?\r\n document.getElementById('interiorImage') :\r\n document.getElementById('wheelsImage');\r\n \r\n const desktopImage = currentView === 'exterior' ? \r\n document.getElementById('exteriorImageDesktop') : \r\n currentView === 'interior' ?\r\n document.getElementById('interiorImageDesktop') :\r\n document.getElementById('wheelsImageDesktop');\r\n \r\n mobileImage.style.transform = 'none';\r\n desktopImage.style.transform = 'none';\r\n }\r\n\r\n function updateZoom() {\r\n const mobileImage = currentView === 'exterior' ? \r\n document.getElementById('exteriorImage') : \r\n currentView === 'interior' ?\r\n document.getElementById('interiorImage') :\r\n document.getElementById('wheelsImage');\r\n \r\n const desktopImage = currentView === 'exterior' ? \r\n document.getElementById('exteriorImageDesktop') : \r\n currentView === 'interior' ?\r\n document.getElementById('interiorImageDesktop') :\r\n document.getElementById('wheelsImageDesktop');\r\n \r\n mobileImage.style.transform = `scale(${currentZoom})`;\r\n desktopImage.style.transform = `scale(${currentZoom})`;\r\n }\r\n\r\n \/\/ Contact Form Functions\r\n function showContactForm() {\r\n const form = document.getElementById('contactFormSection');\r\n const container = document.querySelector('.configurator-container');\r\n if (form) {\r\n form.classList.add('show');\r\n if (container) container.classList.add('form-visible');\r\n form.scrollIntoView({ behavior: 'smooth' });\r\n clearMessages();\r\n resetForm();\r\n }\r\n }\r\n\r\n function hideContactForm() {\r\n const form = document.getElementById('contactFormSection');\r\n const container = document.querySelector('.configurator-container');\r\n if (form) {\r\n form.classList.remove('show');\r\n if (container) container.classList.remove('form-visible');\r\n clearMessages();\r\n resetForm();\r\n }\r\n }\r\n\r\n function resetForm() {\r\n const form = document.getElementById('contactForm');\r\n if (form) {\r\n form.reset();\r\n clearFormErrors();\r\n const submitButton = document.getElementById('submitButton');\r\n const submitText = document.getElementById('submitText');\r\n if (submitButton) submitButton.disabled = false;\r\n if (submitText) submitText.textContent = 'Send Quote Request';\r\n }\r\n }\r\n\r\n function clearMessages() {\r\n const container = document.getElementById('messageContainer');\r\n if (container) container.innerHTML = '';\r\n }\r\n\r\n function clearFormErrors() {\r\n document.querySelectorAll('.form-input').forEach(input => {\r\n input.classList.remove('error');\r\n });\r\n document.querySelectorAll('.form-error').forEach(error => {\r\n error.textContent = '';\r\n });\r\n }\r\n\r\n function showMessage(message, type) {\r\n const container = document.getElementById('messageContainer');\r\n if (container) {\r\n const messageClass = type === 'success' ? 'success-message' : 'error-message';\r\n container.innerHTML = `<div class=\"${messageClass}\">${message}<\/div>`;\r\n }\r\n }\r\n\r\n function validateForm() {\r\n let isValid = true;\r\n clearFormErrors();\r\n\r\n \/\/ First Name validation\r\n const firstName = document.getElementById('firstName');\r\n if (firstName && !firstName.value.trim()) {\r\n showFieldError('firstName', 'First name is required');\r\n isValid = false;\r\n }\r\n\r\n \/\/ Last Name validation\r\n const lastName = document.getElementById('lastName');\r\n if (lastName && !lastName.value.trim()) {\r\n showFieldError('lastName', 'Last name is required');\r\n isValid = false;\r\n }\r\n\r\n \/\/ Email validation - now optional\r\n const email = document.getElementById('email');\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n if (email && email.value.trim() && !emailRegex.test(email.value.trim())) {\r\n showFieldError('email', 'Please enter a valid email address');\r\n isValid = false;\r\n }\r\n\r\n \/\/ Phone validation\r\n const phone = document.getElementById('phone');\r\n if (phone && !phone.value.trim()) {\r\n showFieldError('phone', 'Phone number is required');\r\n isValid = false;\r\n }\r\n\r\n return isValid;\r\n }\r\n\r\n function showFieldError(fieldId, message) {\r\n const field = document.getElementById(fieldId);\r\n const errorEl = document.getElementById(fieldId + 'Error');\r\n if (field) field.classList.add('error');\r\n if (errorEl) errorEl.textContent = message;\r\n }\r\n\r\n \/\/ Form submission\r\n if (document.getElementById('contactForm')) {\r\n document.getElementById('contactForm').addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n \r\n if (!validateForm()) {\r\n return;\r\n }\r\n\r\n const submitButton = document.getElementById('submitButton');\r\n const submitText = document.getElementById('submitText');\r\n \r\n \/\/ Show loading state\r\n if (submitButton) submitButton.disabled = true;\r\n if (submitText) submitText.textContent = 'Sending...';\r\n clearMessages();\r\n\r\n try {\r\n \/\/ Prepare configuration data\r\n \/\/ Get selected options details\r\n let selectedOptions = selectedConfiguration.options.map(optionId => {\r\n switch(optionId) {\r\n case 'technology-package':\r\n return 'Technology Package';\r\n default:\r\n return optionId;\r\n }\r\n });\r\n\r\n \/\/ Add technology package as standard for AWD\r\n if (selectedConfiguration.drivetrain === 'AWD') {\r\n selectedOptions.push('Technology Package (Standard)');\r\n }\r\n\r\n \/\/ Get selected wheel details\r\n const selectedWheel = wheelOptions[selectedConfiguration.drivetrain].find(w => w.id === selectedConfiguration.wheels);\r\n\r\n const payload = {\r\n \/\/ Contact Information\r\n firstName: document.getElementById('firstName').value.trim(),\r\n lastName: document.getElementById('lastName').value.trim(),\r\n email: document.getElementById('email').value.trim() || 'Not provided',\r\n phone: document.getElementById('phone').value.trim(),\r\n\r\n \/\/ Vehicle Configuration\r\n configuration: {\r\n model: `AITO 5 ${selectedConfiguration.drivetrain === 'RWD' ? 'Max' : 'Max RS'}`,\r\n drivetrain: selectedConfiguration.drivetrain,\r\n exterior: {\r\n color: selectedConfiguration.exteriorColorName\r\n },\r\n interior: {\r\n color: selectedConfiguration.interiorColorName\r\n },\r\n wheels: {\r\n name: selectedWheel ? selectedWheel.name : selectedConfiguration.wheels\r\n },\r\n options: selectedOptions\r\n },\r\n\r\n \/\/ Timestamp\r\n timestamp: new Date().toISOString(),\r\n source: 'AITO 5 Configurator'\r\n };\r\n\r\n \/\/ Send to webhook\r\n const response = await fetch('https:\/\/aitoarmenia.am\/wp-json\/telegram-notifier\/v1\/configurator-webhook', {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n },\r\n body: JSON.stringify(payload)\r\n });\r\n\r\n if (response.ok) {\r\n showMessage('Thank you! Your quote request has been sent successfully. We will contact you soon.', 'success');\r\n setTimeout(() => {\r\n hideContactForm();\r\n }, 3000);\r\n } else {\r\n throw new Error(`Server responded with status: ${response.status}`);\r\n }\r\n\r\n } catch (error) {\r\n console.error('Error sending quote request:', error);\r\n showMessage('Sorry, there was an error sending your quote request. Please try again or contact us directly.', 'error');\r\n } finally {\r\n \/\/ Reset button state\r\n if (submitButton) submitButton.disabled = false;\r\n if (submitText) submitText.textContent = 'Send Quote Request';\r\n }\r\n });\r\n }\r\n\r\n \/\/ Initialize the configurator when the page loads\r\n document.addEventListener('DOMContentLoaded', initializeConfigurator);\r\n <\/script>\r\n<\/body>\r\n<script>\r\n\/\/ AITO Frontend Form Handler - Collects data and sends to aito-generatepdf.php\r\n(function() {\r\n const originalForm = document.getElementById('contactForm');\r\n if (!originalForm) return;\r\n \r\n \/\/ Create modal HTML\r\n const modalHTML = `\r\n <div id=\"aitoPdfDownloadModal\" style=\"\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 10000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n backdrop-filter: blur(8px);\r\n background: rgba(0, 0, 0.4);\r\n \">\r\n <div style=\"\r\n background: white;\r\n border-radius: 16px;\r\n padding: 40px;\r\n max-width: 500px;\r\n width: 90%;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0.3);\r\n text-align: center;\r\n \">\r\n <div style=\"\r\n width: 64px;\r\n height: 64px;\r\n margin: 0 auto 24px;\r\n background: #10b981;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <h2 style=\"\r\n font-size: 24px;\r\n font-weight: 600;\r\n color: #1a1a1a;\r\n margin: 0 0 12px 0;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n \">Information Submitted Successfully<\/h2>\r\n <p style=\"\r\n font-size: 16px;\r\n color: #6b7280;\r\n margin: 0 0 32px 0;\r\n line-height: 1.5;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n \">Your configuration has been saved. Click below to download your PDF.<\/p>\r\n <button id=\"aitoDownloadPdfBtn\" style=\"\r\n background: #1a1a1a;\r\n color: white;\r\n border: none;\r\n padding: 14px 32px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n transition: background 0.2s;\r\n \" onmouseover=\"this.style.background='#374151'\" onmouseout=\"this.style.background='#1a1a1a'\">Download PDF<\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n \/\/ Inject modal\r\n document.body.insertAdjacentHTML('beforeend', modalHTML);\r\n const modal = document.getElementById('aitoPdfDownloadModal');\r\n const downloadBtn = document.getElementById('aitoDownloadPdfBtn');\r\n \r\n let formData = null;\r\n \r\n \/\/ Intercept form submission\r\n originalForm.addEventListener('submit', function(e) {\r\n \/\/ Let the original handler run first\r\n setTimeout(async () => {\r\n \/\/ Get form data\r\n const firstName = document.getElementById('firstName').value.trim();\r\n const lastName = document.getElementById('lastName').value.trim();\r\n const email = document.getElementById('email').value.trim() || 'Not provided';\r\n const phone = document.getElementById('phone').value.trim();\r\n \r\n \/\/ Get device info synchronously\r\n const deviceInfo = {\r\n userAgent: navigator.userAgent,\r\n platform: navigator.platform,\r\n language: navigator.language,\r\n screenResolution: `${screen.width}x${screen.height}`,\r\n timestamp: new Date().toISOString()\r\n };\r\n \r\n \/\/ Get configuration from global selectedConfiguration object\r\n const config = selectedConfiguration || {};\r\n\r\n \/\/ Format price\r\n const formattedPrice = 'Contact for pricing';\r\n \r\n \/\/ Fetch IP in background\r\n const userIP = await fetch('https:\/\/api.ipify.org?format=json')\r\n .then(r => r.json())\r\n .then(data => data.ip)\r\n .catch(e => {\r\n console.error('Failed to fetch IP:', e);\r\n return 'Unknown';\r\n });\r\n \r\n \/\/ Store data\r\n formData = {\r\n firstName: firstName,\r\n lastName: lastName,\r\n email: email,\r\n phone: phone,\r\n userIP: userIP,\r\n deviceInfo: deviceInfo,\r\n config: config,\r\n totalPrice: formattedPrice,\r\n modelName: document.querySelector('.header h1')?.textContent || 'AITO Vehicle',\r\n source: 'AITO Configurator'\r\n };\r\n \r\n \/\/ Show modal\r\n modal.style.display = 'flex';\r\n }, 100);\r\n }, true);\r\n \r\n \/\/ Download button handler\r\n downloadBtn.addEventListener('click', function() {\r\n if (!formData) return;\r\n \r\n \/\/ Open window FIRST (synchronously) - critical for iOS Safari\r\n const windowName = 'aitoPdfWindow_' + Date.now();\r\n const newWindow = window.open('', windowName);\r\n if (!newWindow) {\r\n alert('Please allow popups for this site');\r\n return;\r\n }\r\n \r\n \/\/ Submit form to the opened window\r\n const form = document.createElement('form');\r\n form.method = 'POST';\r\n form.action = '\/aito-generatepdf.php';\r\n form.target = windowName;\r\n form.style.display = 'none';\r\n \r\n const input = document.createElement('input');\r\n input.type = 'hidden';\r\n input.name = 'data';\r\n input.value = JSON.stringify(formData);\r\n \r\n form.appendChild(input);\r\n document.body.appendChild(form);\r\n form.submit();\r\n document.body.removeChild(form);\r\n \r\n \/\/ Hide modal\r\n modal.style.display = 'none';\r\n \r\n console.log('AITO data sent to aito-generatepdf.php');\r\n });\r\n})();\r\n<\/script>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>2026 AITO 5 Configurator Configure Your 2026 AITO 5 Premium Range Extended Electric Vehicle + – \u21ba Exterior Interior Wheels + – \u21ba AITO 5 Configure your model to see details REEV Model Configuration Drivetrain RWD Max AWD Max RS Wheels Exterior Color Midnight Black Arctic White Glacial Blue Tahiti Grey Metropolitan Red Interior Color […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1540","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Configurator M5 - Aito Armenia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Configurator M5 - Aito Armenia\" \/>\n<meta property=\"og:description\" content=\"2026 AITO 5 Configurator Configure Your 2026 AITO 5 Premium Range Extended Electric Vehicle + – \u21ba Exterior Interior Wheels + – \u21ba AITO 5 Configure your model to see details REEV Model Configuration Drivetrain RWD Max AWD Max RS Wheels Exterior Color Midnight Black Arctic White Glacial Blue Tahiti Grey Metropolitan Red Interior Color […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/\" \/>\n<meta property=\"og:site_name\" content=\"Aito Armenia\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-12T17:47:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/\",\"url\":\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/\",\"name\":\"Configurator M5 - Aito Armenia\",\"isPartOf\":{\"@id\":\"https:\/\/aitoarmenia.am\/am\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp\",\"datePublished\":\"2025-08-21T15:25:08+00:00\",\"dateModified\":\"2026-02-12T17:47:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#primaryimage\",\"url\":\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp\",\"contentUrl\":\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aitoarmenia.am\/am\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Configurator M5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aitoarmenia.am\/am\/#website\",\"url\":\"https:\/\/aitoarmenia.am\/am\/\",\"name\":\"Aito Armenia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/aitoarmenia.am\/am\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aitoarmenia.am\/am\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/aitoarmenia.am\/am\/#organization\",\"name\":\"Aito Armenia\",\"url\":\"https:\/\/aitoarmenia.am\/am\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\/\/aitoarmenia.am\/am\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/cropped-logo-long.png\",\"contentUrl\":\"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/cropped-logo-long.png\",\"width\":600,\"height\":171,\"caption\":\"Aito Armenia\"},\"image\":{\"@id\":\"https:\/\/aitoarmenia.am\/am\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Configurator M5 - Aito Armenia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/","og_locale":"ru_RU","og_type":"article","og_title":"Configurator M5 - Aito Armenia","og_description":"2026 AITO 5 Configurator Configure Your 2026 AITO 5 Premium Range Extended Electric Vehicle + – \u21ba Exterior Interior Wheels + – \u21ba AITO 5 Configure your model to see details REEV Model Configuration Drivetrain RWD Max AWD Max RS Wheels Exterior Color Midnight Black Arctic White Glacial Blue Tahiti Grey Metropolitan Red Interior Color […]","og_url":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/","og_site_name":"Aito Armenia","article_modified_time":"2026-02-12T17:47:54+00:00","og_image":[{"url":"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/","url":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/","name":"Configurator M5 - Aito Armenia","isPartOf":{"@id":"https:\/\/aitoarmenia.am\/am\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#primaryimage"},"image":{"@id":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#primaryimage"},"thumbnailUrl":"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp","datePublished":"2025-08-21T15:25:08+00:00","dateModified":"2026-02-12T17:47:54+00:00","breadcrumb":{"@id":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aitoarmenia.am\/ru\/configurator-m5\/"]}]},{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#primaryimage","url":"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp","contentUrl":"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/Midnight-Black-scaled.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/aitoarmenia.am\/ru\/configurator-m5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aitoarmenia.am\/am\/"},{"@type":"ListItem","position":2,"name":"Configurator M5"}]},{"@type":"WebSite","@id":"https:\/\/aitoarmenia.am\/am\/#website","url":"https:\/\/aitoarmenia.am\/am\/","name":"Aito Armenia","description":"","publisher":{"@id":"https:\/\/aitoarmenia.am\/am\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aitoarmenia.am\/am\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":"Organization","@id":"https:\/\/aitoarmenia.am\/am\/#organization","name":"Aito Armenia","url":"https:\/\/aitoarmenia.am\/am\/","logo":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/aitoarmenia.am\/am\/#\/schema\/logo\/image\/","url":"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/cropped-logo-long.png","contentUrl":"https:\/\/aitoarmenia.am\/wp-content\/uploads\/2025\/08\/cropped-logo-long.png","width":600,"height":171,"caption":"Aito Armenia"},"image":{"@id":"https:\/\/aitoarmenia.am\/am\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/pages\/1540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/comments?post=1540"}],"version-history":[{"count":178,"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/pages\/1540\/revisions"}],"predecessor-version":[{"id":2327,"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/pages\/1540\/revisions\/2327"}],"wp:attachment":[{"href":"https:\/\/aitoarmenia.am\/ru\/wp-json\/wp\/v2\/media?parent=1540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}