http://auto-vag.com.ua/
Saved copy from just now.
<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="uk" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="uk" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="uk">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AUTO-VAG інтернет-магазин запчастин до авто</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GT-K5LV344B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GT-K5LV344B');
</script>
<meta name="robots" content="max-image-preview:large">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"OnlineStore","@id":"https://auto-vag.com.ua/#organization","name":"AUTO-VAG інтернет-магазин запчастин до авто","url":"https://auto-vag.com.ua/","legalName":"ФОП Сербутовський Юрій Юрійович","foundingDate":"2015-08-01","areaServed":[{"@type":"City","name":"UA (тільки Україна)"}],"telephone":"+380958126006","address":{"@type":"PostalAddress","streetAddress":"вул.Володимирська 29в","postalCode":"08141","addressCountry":"UA (Україна)","addressLocality":"Святопетрівське"},"logo":"https://auto-vag.com.ua/image/catalog/auto-vag-logo.png","image":"https://auto-vag.com.ua/image/catalog/auto-vag-logo.png","sameAs":["https://www.facebook.com/autovagcomua/","https://www.instagram.com/autovag.com.ua/"],"currenciesAccepted":"UAH,EUR","paymentAccepted":""Готівка","Кредитна картка","Банківський переказ"","potentialAction":{"@type":"SearchAction","target":"https://auto-vag.com.ua/index.php?route=product/search&search={search_term_string}","query-input":"required name=search_term_string"},"contactPoint":{"@type":"ContactPoint","contactType":"customer service","url":"https://auto-vag.com.ua/index.php?route=information/contact","telephone":"+380958126006"}}
</script>
<base href="https://auto-vag.com.ua/" />
<meta name="description" content="Інтернет-магазин запчастин VAG, запчастини VW, запчастини AUDI, запчастини SEAT, запчастини SKODA, запчастини MERCEDES, запчастини BMW, запчастини MINI, запчастнии SMART" />
<meta name="keywords" content="запчастини VAG, запчастини VW, запчастини AUDI, запчастини SEAT, запчастини SKODA, запчастини MERCEDES, запчастини BMW, запчастини MINI, запчастнии SMART" />
<meta name="theme-color" content="rgb(255, 255, 255)"/>
<link href="https://auto-vag.com.ua/catalog/view/theme/oct_showcase/stylesheet/ca855cc039be7d06ffad018b8d42c1c1.css?20261020221527" rel="stylesheet" media="screen" />
<link rel="preload" as="image" href="https://auto-vag.com.ua/image/cache/catalog/autovag-bg2-1300x1080.png">
<link rel="preload" as="image" href="https://auto-vag.com.ua/image/catalog/auto-vag-logo.png">
<script src="https://auto-vag.com.ua/catalog/view/theme/oct_showcase/stylesheet/8b6c8d51b6ef05048d2699d4d2cfdcc7.js?20261020221226"></script>
<link href="https://auto-vag.com.ua/image/catalog/favicon-96x96.png" rel="icon" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FWXWD1SX06"></script>
<script id="octAnalytics">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-FWXWD1SX06');
gtag('config', 'AW-1017671151');
</script>
<script>
let octFonts = localStorage.getItem('octFonts');
if (octFonts !== null) {
var octHead = document.getElementsByTagName('head')[0];
var octLink = document.createElement('link');
octLink.rel = 'stylesheet';
octLink.type = 'text/css';
octLink.href = location.protocol + '//' + location.host + '/catalog/view/theme/oct_showcase/stylesheet/oct-fonts.css';
octLink.media = 'all';
octHead.appendChild(octLink);
}
</script>
<style>
.widget-fb {
width: 100%;
min-height: 760px;
}
/* адаптив */
.widget-fb iframe {
width: 100%;
height: 760px;
display: block;
}
</style></head>
<body data-popup-options="true">
<div id="sidebar" class="sidebar d-xl-none fade">
<button type="button" class="sc-btn sc-btn-with-icon no-btn br-4 ms-auto sc-btn-close" data-sidebar="close" aria-label="Close">
<span class="sc-btn-icon sc-btn-icon-close"></span>
</button>
<div class="sidebar-header py-2 ps-4 pe-2 fw-700 dark-text d-flex align-items-center">
<span class="sidebar-header-text">Меню</span>
</div>
<div id="sc_sidebar_content" class="sidebar-inner"></div>
</div>
<nav id="top">
<div class="container-fluid container-xxl d-flex align-items-center justify-content-between h-100">
<div class="top-left d-flex align-items-center">
<div id="logo" class="d-flex align-items-center justify-content-center order-1 order-xl-0">
<span><img src="https://auto-vag.com.ua/image/catalog/auto-vag-logo.png" title="AUTO-VAG інтернет-магазин запчастин до авто" alt="AUTO-VAG інтернет-магазин запчастин до авто" class="img-fluid" width="120" height="40" /></span>
</div>
<button id="mobile-menu-button" type="button" class="sc-btn sc-btn-with-icon no-btn br-4 sc-top-btn d-xl-none order-0 order-xl-1 ms-1 me-3" onclick="scSidebar('Меню', 'menu');" aria-label="Menu">
<span class="sc-btn-icon sc-btn-icon-menu"></span>
</button>
<button id="mobile-search-button" type="button" class="sc-btn sc-btn-with-icon no-btn br-4 sc-top-btn d-md-none order-0 order-xl-1 me-3" onclick="scSidebar('Пошук', 'search');" aria-label="Search">
<span class="sc-btn-icon sc-btn-icon-search"></span>
</button>
<button id="mobile-locations-button" type="button" class="sc-btn sc-btn-with-icon no-btn br-4 sc-top-btn d-md-none order-2 me-3 ms-auto" onclick="scSidebar('Контакти та адреса', 'locations');" aria-label="Locations">
<span class="sc-btn-icon sc-btn-icon-location"></span>
</button>
<button type="button" class="sc-btn sc-btn-with-icon no-btn br-4 sc-top-btn d-md-none order-3" onclick="octPopupLogin();" aria-label="Account">
<span class="sc-btn-icon sc-btn-icon-account"></span>
</button>
<ul class="top-left-links list-unstyled fw-600 fsz-14 d-none d-xl-flex align-items-center">
<li><a href="/about">Про компанію</a></li>
<li><a href="/payment">Доставка і оплата</a></li>
<li><a href="/news">Новини та акції</a></li>
<li><a href="/contacts">Контакти</a></li>
<li><a href="https://www.google.com/maps/place/AUTO-VAG/@50.3812551,30.2836847,13z/data=!4m7!3m6!1s0x0:0x56456c6f43ea72df!8m2!3d50.3812551!4d30.3187037!9m1!1b1?authuser=2">Відгуки</a></li>
</ul>
</div>
<div class="top-right d-none d-md-flex align-items-center pe-md-3">
<div class="sc-dropdown-box ms-3">
<div class="sc-dropdown-toggle fw-700 fsz-14">
<ul class="list-unstyled ps-0 list-tel-head">
<li><a href="tel:+380958126006" class="">+380958126006</a>
<a rel="nofollow" href="viber://chat?number=380958126006" class="rm-social-fa-viber social-btn social-viber" target="_blank" aria-label="Viber">
<i class="fab fa-viber"></i>
</a>
<a rel="nofollow" href="https://wa.me/380958126006" class="rm-social-fa-whatsapp social-btn social-whatsapp" target="_blank" aria-label="Viber">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li><a href="tel:+380689492049" class="">+380689492049</a>
<a rel="nofollow" href="https://t.me/380689492049" class="rm-social-fa-telegram social-btn social-telegram" target="_blank" aria-label="Telegram">
<i class="fab fa-telegram"></i>
</a>
</li>
</ul>
</div>
<div class="sc-dropdown">
<div class="sc-dropdown-inner br-4 p-3">
<div class="sc-dropdown-inner-title d-flex align-items-center mb-2">
<img src="https://auto-vag.com.ua/catalog/view/theme/oct_showcase/img/sprite.svg#include--dropdown-shedule-icon" alt="" width="24" height="24">
<span class="fw-500 dark-text ms-2">Графік роботи:</span>
</div>
<ul class="list-unstyled fsz-14 light-text">
<li>Пн - Пт: з 09.00 до 18.00
</li>
<li>Сб: з 10.00 до 14.00
</li>
<li>Нд: вихідний</li>
</ul>
<div class="sc-header-location-phones">
<div class="sc-dropdown-inner-title d-flex align-items-center mt-3 mb-2">
<img src="https://auto-vag.com.ua/catalog/view/theme/oct_showcase/img/sprite.svg#include--dropdown-phones-icon" alt="" width="24" height="24">
<span class="fw-500 dark-text ms-2">Зателефонуйте нам:</span>
</div>
</div>
<span class="dark-text">Клієнт-менеджер:</span>
<ul class="list-unstyled ps-0 list-tel">
<li class="d-flex align-items-center gap-2">
<a href="tel:+380958126006" class="blue-link">+380958126006</a>
<a rel="nofollow" href="viber://chat?number=380958126006" class="rm-social-fa-viber social-btn social-viber" target="_blank" aria-label="Viber">
<i class="fab fa-viber"></i>
</a>
<a rel="nofollow" href="https://wa.me/380958126006" class="rm-social-fa-whatsapp social-btn social-whatsapp" target="_blank" aria-label="Viber">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li>
<a href="tel:+380689492049" class="blue-link">+380689492049</a>
<a rel="nofollow" href="https://t.me/380689492049" class="rm-social-fa-telegram social-btn social-telegram" target="_blank" aria-label="Telegram">
<i class="fab fa-telegram"></i>
</a>
</li>
</ul>
<a href="https://auto-vag.com.ua/index.php?route=information/contact" class="sc-btn sc-btn-primary small br-4 w-100 mt-3">Перейти до контактів</a>
</div>
</div>
</div>
<span class="fsz-12 fw-600 header-rate ms-3 p-2 br-12 ms-3">€ 1 = 51.5 грн</span>
<div id="oct_desktop_currency">
<div id="currency" class="curency">
<form action="https://auto-vag.com.ua/index.php?route=common/currency/currency" method="post" enctype="multipart/form-data" id="form-currency" class="sc-switcher d-flex align-items-center p-2 br-12 ms-3">
<button type="button" class="currency-select br-4 fsz-12" name="EUR">
€
</button>
<button type="button" class="currency-select br-4 fsz-12 active" name="UAH">
₴
</button>
<input type="hidden" name="code" value="" />
<input type="hidden" name="redirect" value="https://auto-vag.com.ua/" />
</form>
</div>
</div>
</div>
</div>
</nav>
<header class="header py-2">
<div class="container-fluid container-xl position-relative">
<div class="row">
<div class="col-md-3 d-none d-xl-flex">
<button id="menuToggleButton" type="button" class="sc-btn sc-btn-secondary br-4 py-2 px-3 w-100 fsz-14" onclick="location.href='/parts/'">
<span class="sc-btn-icon sc-btn-icon-catalog"></span>
<span class="sc-btn-text">Каталог</span>
</button>
</div>
<div class="col-12 col-xl-9">
<div class="d-flex align-items-center header-search-box">
<div id="search" class="header-search CmSearchWrap CmSearchPositionMain">
<input type="text" id="ArtSearch" value="" maxlength="40" class="CmSearchAddField c_BorderFoc" placeholder="Введіть Номер, Артикул, OE....">
<div class="CmSearchLoading"><div class="CmLoadSBl"></div><div class="CmLoadSBl"></div><div class="CmLoadSBl"></div><div class="CmLoadSBl"></div></div>
<div class="CmSearchGo">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M23.111 20.058l-4.977-4.977c.965-1.52 1.523-3.322 1.523-5.251 0-5.42-4.409-9.83-9.829-9.83-5.42 0-9.828 4.41-9.828 9.83s4.408 9.83 9.829 9.83c1.834 0 3.552-.505 5.022-1.383l5.021 5.021c2.144 2.141 5.384-1.096 3.239-3.24zm-20.064-10.228c0-3.739 3.043-6.782 6.782-6.782s6.782 3.042 6.782 6.782-3.043 6.782-6.782 6.782-6.782-3.043-6.782-6.782zm2.01-1.764c1.984-4.599 8.664-4.066 9.922.749-2.534-2.974-6.993-3.294-9.922-.749z"></path></svg>
</div>
<div class="CmSearchClear"><div id="CmSearchResult" class="c_Border CmSearchResMain"></div></div>
</div>
<script type="text/javascript">
$(document).ready(function($){
function CmSearch(){
var ArtNum = $('#ArtSearch').val();
if(ArtNum!=''){
$("#CmSearchResult").hide();
ArtNum = ArtNum.replace(/[^a-zа-яА-ЯA-Z0-9ІіЄєÄäÖöẞßÜüË륹ĆćĘꣳŃńÓóŚśŹźŻżğĞçÇşŞıİ \/.-]+/g, '');
if(ArtNum.length>2){ //alert(ArtNum);
$('.CmSearchGo').removeClass('CmColorFi'); //Hide
$('.CmSearchLoading').fadeIn(100);
$('#ArtSearch').prop("disabled",true);
$.ajax({url:'/parts/search/'+ArtNum+'/', type:'POST', dataType:'html', data:{CarModAjax:'Y', ShortResult:'Y', HideStat:'Y', WithRedirects:'Y', ArtSearch:ArtNum}})
.done(function(Result){
var aResult = Result.split('REDIRECT:');
if(aResult.length>1){
window.location = aResult[1];
}else{
$("#CmSearchResult").show().html(Result);
$('#ArtSearch').prop("disabled",false);
$('.CmSearchLoading').fadeOut(100);
}
});
//location = '/parts/search/'+ArtNum+'/';
}else{$('#ArtSearch').focus();}
}else{$('#ArtSearch').focus();}
}
$("body").on("keyup","#ArtSearch", function(e){
if(e.which == 13){
CmSearch(); return false;
}else{
var ArtNum = $('#ArtSearch').val();
ArtNum = ArtNum.replace(/[^a-zа-яА-ЯA-Z0-9ІіЄєÄäÖöẞßÜüË륹ĆćĘꣳŃńÓóŚśŹźŻżğĞçÇşŞıİ \/.-]+/g, '');
$('#ArtSearch').val(ArtNum);
//alert(ArtNum);
if(ArtNum!=''){
if(ArtNum.length>2){
$('.CmSearchGo').addClass('CmColorFi'); //Show
}else{
$('.CmSearchGo').removeClass('CmColorFi'); //Hide
}
}else{
$('.CmSearchGo').removeClass('CmColorFi'); //Hide
}
}
});
$("body").on("click",".CmSearchGo", function(e){
CmSearch(); return false;
});
});
$(document).click(function(event) { //Close on click Out Side
if(!$(event.target).closest('#CmSearchResult').length) {
if($('#CmSearchResult').is(":visible")) {
$('#CmSearchResult').hide();
}
}
});
</script>
<script>
function clearLiveSearch() {
$('#sc_livesearch_close').removeClass('visible');
$('#overlay').removeClass('active');
$('#overlay').removeClass('transparent');
$('#sc_livesearch').removeClass('expanded');
$('#sc_livesearch').html('');
$('#input_search').val('').removeClass('active');
if ($('body').hasClass('no-scroll')) {
$('body').removeClass('no-scroll');
}
}
$(document).ready(function() {
let timer, delay = 500;
$('#input_search').keyup(function(event) {
switch(event.keyCode) {
case 37:
case 39:
case 38:
case 40:
return;
case 27:
clearLiveSearch();
return;
}
clearTimeout(timer);
timer = setTimeout(function() {
let value = $('#search input[name=\'search\']').val();
const overlay = document.getElementById('overlay');
if (value.length >= 3) {
let key = encodeURIComponent(value);
octsearch.search(key, 'desktop');
} else if (value.length === 0) {
clearLiveSearch();
}
overlay.addEventListener('click', (e) => {
const target = e.target;
target.classList.remove('active');
clearLiveSearch();
});
}, delay );
});
});
var octsearch = {
'search': function(key, type) {
$.ajax({
url: 'index.php?route=octemplates/module/oct_live_search',
type: 'post',
data: 'key=' + key,
dataType: 'html',
cache: false,
beforeSend: function() {
$('#sc_livesearch').addClass('expanded');
let loader = document.createElement('div');
loader.classList.add('spinner-border');
loader.setAttribute('role', 'status');
loader.innerHTML = '<span class="visually-hidden">Loading...</span>';
$('#search').append(loader);
$('body').addClass('no-scroll');
},
success: function(data) {
$('#sc_livesearch').html(data);
if(data = data.match(/livesearch/g)) {
$('#sc_livesearch_close').addClass('visible');
$('#input_search, #overlay').addClass('active');
$('#overlay').addClass('transparent');
} else {
$('#sc_livesearch_close').removeClass('visible');
$('#input_search, #overlay').removeClass('active');
$('#overlay').removeClass('transparent');
}
},
complete: function() {
$('#search .spinner-border').remove();
}
});
}
}
</script>
<div class="header-buttons d-flex justify-content-between justify-content-md-end align-items-center pe-md-3">
<button type="button" class="sc-btn sc-btn-with-icon no-btn d-flex flex-column justify-content-between align-items-center d-md-none header-buttons-catalog align-self-stretch" data-menu="open" onclick="location.href='/parts/'">
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2678_3096)">
<path d="M6.0999 0.399994H2.0999C1.43716 0.399994 0.899902 0.937252 0.899902 1.59999V5.59999C0.899902 6.26274 1.43716 6.79999 2.0999 6.79999H6.0999C6.76264 6.79999 7.2999 6.26274 7.2999 5.59999V1.59999C7.2999 0.937252 6.76264 0.399994 6.0999 0.399994Z" stroke="#1C1C28"/>
<path d="M14.9002 0.399994H10.9002C10.2375 0.399994 9.7002 0.937252 9.7002 1.59999V5.59999C9.7002 6.26274 10.2375 6.79999 10.9002 6.79999H14.9002C15.5629 6.79999 16.1002 6.26274 16.1002 5.59999V1.59999C16.1002 0.937252 15.5629 0.399994 14.9002 0.399994Z" stroke="#1C1C28"/>
<path d="M14.9002 9.20001H10.9002C10.2375 9.20001 9.7002 9.73727 9.7002 10.4V14.4C9.7002 15.0628 10.2375 15.6 10.9002 15.6H14.9002C15.5629 15.6 16.1002 15.0628 16.1002 14.4V10.4C16.1002 9.73727 15.5629 9.20001 14.9002 9.20001Z" stroke="#1C1C28"/>
<path d="M6.0999 9.20001H2.0999C1.43716 9.20001 0.899902 9.73727 0.899902 10.4V14.4C0.899902 15.0628 1.43716 15.6 2.0999 15.6H6.0999C6.76264 15.6 7.2999 15.0628 7.2999 14.4V10.4C7.2999 9.73727 6.76264 9.20001 6.0999 9.20001Z" stroke="#1C1C28"/>
</g>
<defs>
<clipPath id="clip0_2678_3096">
<rect width="16" height="16" fill="white" transform="translate(0.5)"/>
</clipPath>
</defs>
</svg>
<span class="text-lowercase">Каталог</span>
</button>
<a href="/vin" class="sc-btn sc-btn-with-icon no-btn header-buttons-account d-none d-md-flex flex-column justify-content-between fsz-12 align-items-center align-self-stretch">
<span class="sc-btn-icon sc-btn-icon-compare"></span>
<span class="">Запит по VIN</span>
</a>
<button type="button" onclick="octPopupLogin();" class="sc-btn sc-btn-with-icon no-btn header-buttons-account d-none d-md-flex flex-column justify-content-between fsz-12 align-items-center align-self-stretch">
<span class="sc-btn-icon sc-btn-icon-account"></span>
<span class="">Кабінет</span>
</button>
<a href="https://auto-vag.com.ua/index.php?route=product/compare" data-compare-ids="" data-compare-text="До порівняння" data-compare-text-in="У порівнянні" class="sc-btn sc-btn-with-icon no-btn header-buttons-compare d-flex flex-column justify-content-between fsz-12 align-items-center align-self-stretch">
<span class="sc-btn-icon sc-btn-icon-compare"></span>
<span class="">Порівняти</span>
<span class="header-buttons-cart-quantity px-1">0</span>
</a>
<a href="https://auto-vag.com.ua/index.php?route=account/wishlist" data-wishlist-ids="" data-wishlist-text="В закладки" data-wishlist-text-in="У закладках" class="sc-btn sc-btn-with-icon no-btn d-flex flex-column justify-content-between header-buttons-wishlist fsz-12 align-items-center align-self-stretch">
<span class="sc-btn-icon sc-btn-icon-wishlist"></span>
<span class="">Закладки</span>
<span class="header-buttons-cart-quantity px-1">0</span>
</a>
<button title="Кошик" id="cart" class="sc-btn sc-btn-with-icon no-btn d-flex flex-column justify-content-between header-buttons-cart fsz-12 align-items-center align-self-stretch" type="button" onclick="octPopupCart();">
<svg fill="none" width="16" height="16" viewBox="0 0 16 22" xmlns="http://www.w3.org/2000/svg">
<path stroke="#1C1C28" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" d="M1.833 7.041h16.333v14H1.833zm3.5 0a4.667 4.667 0 019.334 0"/>
</svg>
<span class="">Кошик</span>
<span class="header-buttons-cart-quantity px-1">0</span>
</button>
<span class="d-none" data-cart-ids="" data-cart-text="До кошика" data-cart-text-in="У кошику"></span>
</div>
<div id="sc_sidebar_locations_inner" class="d-none">
<div id="sc_sidebar_locations" class="d-none sidebar-locations p-3">
<div class="sc-location content-block active fsz-12">
<div class="d-flex align-items-center">
<div class="sc-location-address fw-700 dark-text pe-4 fsz-14">Адреса: Бучанський р-н (м.Вишневе) с.Святопетрівське, вулиця Червоного Орача (Володимирська), 29
<br><br>
Координати Google code+: 98H9+58 Святопетровское, Киевская область</div>
</div>
<div class="sc-location-collapsed">
<div class="sc-location-phones mb-3">
<span class="sidebar-main-menu-item-title fw-600 dark-text">Телефони:</span>
<br>
<span class="dark-text">Клієнт-менеджер:</span>
<ul class="list-unstyled ps-0 list-tel">
<li class="d-flex align-items-center gap-2">
<a href="tel:+380958126006" class="blue-link">+380958126006</a>
<a rel="nofollow" href="viber://chat?number=380958126006" class="rm-social-fa-viber social-btn social-viber" target="_blank" aria-label="Viber">
<i class="fab fa-viber"></i>
</a>
<a rel="nofollow" href="https://wa.me/380958126006" class="rm-social-fa-whatsapp social-btn social-whatsapp" target="_blank" aria-label="Viber">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li>
<a href="tel:+380689492049" class="blue-link">+380689492049</a>
<a rel="nofollow" href="https://t.me/380689492049" class="rm-social-fa-telegram social-btn social-telegram" target="_blank" aria-label="Telegram">
<i class="fab fa-telegram"></i>
</a>
</li>
</ul>
<br>
</div>
<div class="sc-location-shedule mb-3">
<div class="sidebar-main-menu-item-title fw-600 dark-text mb-2">Графік роботи:</div>
<span>Пн - Пт: з 09.00 до 18.00
</span><br>
<span>Сб: з 10.00 до 14.00
</span><br>
<span>Нд: вихідний</span><br>
</div>
<div class="sc-location-map">
<div class="sidebar-main-menu-item-title fw-600 mb-3 dark-text">Схема проїзду:</div>
<div id="oct-contact-map" class="not_in"></div>
</div>
<script>
if (window.innerWidth < 768) {
$('#mobile-locations-button').on('click', function() {
octShowMap('<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5088.776991530604!2d30.318389!3d50.377956!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4ca6f54268eb9%3A0x56456c6f43ea72df!2sAUTO-VAG!5e0!3m2!1suk!2sus!4v1765985209480!5m2!1suk!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>', '#oct-contact-map');
});
}
</script>
</div>
</div>
<script>
window.addEventListener('DOMContentLoaded', () => {
toggleActiveClass('.sc-location');
});
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="common-home" class="container-fluid container-lg">
<div class="row mt-3 mt-xl-4 sc-slideshow-plus">
<div class="col-12">
<div id="slideshow-plus-0" class="swiper sc-slideshow-plus-block h-100">
<div class="swiper-wrapper">
<div class=" swiper-slide">
<div class="sc-slideshow-plus-item-fullimg h-100">
<!-- ТЕКСТОВИЙ БЛОК -->
<div class="slideshow-plus-caption">
<h2 class="slideshow-title">
Інтернет-магазин<br>“AUTO-VAG.com.ua”
</h2>
<p class="slideshow-desc">
Спеціалізується на продажу запчастин для автомобілів, що належать групі VAG: AUDI, SKODA, VW, SEAT, PORSCHE, а також MERCEDES, SMART, BMW, MINI, LAND ROVER, VOLVO. <br>
У наших каталогах запропоновані комплектуючі на авто всіх модифікацій та років випуску.
<br><br>
Стати нашим клієнтом можуть рядові автовласники, <br>які воліють купувати оригінальні запчастини для свого авто <br>за дрібнооптовими та оптовими цінами.
</p>
</div>
<picture>
<source srcset="https://auto-vag.com.ua/image/cache/catalog/autovag-bg-mob-1140x324.png" media="(max-width: 767px)">
<source srcset="https://auto-vag.com.ua/image/cache/catalog/autovag-bg2-1140x539.png">
<img class="img-fluid br-4" src="https://auto-vag.com.ua/image/cache/catalog/autovag-bg2-1140x539.png" alt="Інтернет-магазин “AUTO-VAG.com.ua”" width="1140" height="539">
</picture>
</div>
</div>
</div>
</div>
<script>
window.addEventListener('DOMContentLoaded', () => {
var slideshowPlusSwiper = new Swiper('#slideshow-plus-0', {
slidesPerView: 1,
spaceBetween: 0,
loop: true,
autoplay: {
delay: 5000,
disableOnInteraction: false
},
grabCursor: true,
});
});
</script>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-8">
<div id="fiter-home" class="row mt-3 mt-md-0 p-3 p-md-0 pt-xl-3 g-2 g-md-3 sc-module" data-type="split">
<div class="sc-module-header fsz-22 dark-text fw-700 text-center text-md-start mt-0 mt-md-2 mb-2 color-red">
Підбір автозапчастин
</div>
<div class="CmTopBox filter-main br-12">
<div class="CmMSelectBlock CmMSelectPositionRight"><link rel="stylesheet" href="/parts/add/selector/templates/default/styles.css" type="text/css"><div id="CmModSelector" class="CmMSelectTable" data-vehicle="">
<div class="CmMSelectTableSeTD">
<div class="CmMselBoxWrap">
<div class="CmMSelectBox" id="ManufSelector" style="outline: none;">
<div class="CmMSelectBut " id="CmMS_BoxManuf"><div class="CmSelManufNameBl"><span class="CmColorTx" id="CmMS_Manuf" data-value="">Марка</span></div> ▼</div>
<div class="CmMSelectDown CmMSelectDownLeft CmMSelectDownManuf" id="CmMS_DdManuf">
<div id="CmPassTab" class="CmMSelectMfTab">
<div class="CmManufInner">
<div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="audi">AUDI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="bmw">BMW</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="land-rover">LAND ROVER</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="mercedes-benz">MERCEDES-BENZ</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="mini">MINI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="porsche">PORSCHE</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="seat">SEAT</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="skoda">SKODA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="smart">SMART</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="volvo">VOLVO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="vw">VW</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="abarth">ABARTH</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ac">AC</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="acura">ACURA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="aeolus">AEOLUS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="aixam">AIXAM</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="alfa-romeo">ALFA ROMEO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="alpina">ALPINA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="alpine">ALPINE</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="alvis">ALVIS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="anfini">ANFINI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="aston-martin">ASTON MARTIN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="austin">AUSTIN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="austin-healey">AUSTIN-HEALEY</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="auto-union">AUTO UNION</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="autobianchi">AUTOBIANCHI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="avanti">AVANTI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="baic">BAIC</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="baw">BAW</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="bedford">BEDFORD</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="bentley">BENTLEY</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="brabus">BRABUS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="brilliance">BRILLIANCE</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="bristol">BRISTOL</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="bugatti">BUGATTI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="buick">BUICK</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="byd">BYD</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="cadillac">CADILLAC</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="casalini">CASALINI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="cenntro">CENNTRO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="chana">CHANA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="chery">CHERY</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="chevrolet">CHEVROLET</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="chrysler">CHRYSLER</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="citroen">CITROËN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="cmc">CMC</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="cnj">CNJ</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="cupra">CUPRA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="dacia">DACIA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="daewoo">DAEWOO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="daf">DAF</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="daihatsu">DAIHATSU</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="daimler">DAIMLER</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="datsun">DATSUN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="de-tomaso">DE TOMASO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="dodge">DODGE</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="dr">DR</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ds">DS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="effa">EFFA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="faw">FAW</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ferrari">FERRARI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="fiat">FIAT</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ford">FORD</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ford-usa">FORD USA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="fso">FSO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="gaz">GAZ</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="geely">GEELY</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="genesis">GENESIS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ginetta">GINETTA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="glas">GLAS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="gmc">GMC</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="goupil">GOUPIL</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="great-wall">GREAT WALL</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="gurgel">GURGEL</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="hafei">HAFEI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="haval">HAVAL</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="hillman">HILLMAN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="holden">HOLDEN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="honda">HONDA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="hongqi">HONGQI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="hsv">HSV</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="hummer">HUMMER</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="hyundai">HYUNDAI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="infiniti">INFINITI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="isuzu">ISUZU</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="iveco">IVECO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="jac">JAC</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="jaguar">JAGUAR</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="jeep">JEEP</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="jensen">JENSEN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="jsa">JSA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="kia">KIA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lada">LADA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lamborghini">LAMBORGHINI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lancia">LANCIA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="leapmotor">LEAPMOTOR</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lexus">LEXUS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="lifan">LIFAN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ligier">LIGIER</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lincoln">LINCOLN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lixiang">LIXIANG</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lotus">LOTUS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="lynk-co">LYNK & CO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="mahindra">MAHINDRA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="man">MAN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="maserati">MASERATI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="maxus">MAXUS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="mazda">MAZDA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="mclaren">MCLAREN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="mercury">MERCURY</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="mg">MG</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="mitsubishi">MITSUBISHI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="moskvich">MOSKVICH</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="nio">NIO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="nissan">NISSAN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="oldsmobile">OLDSMOBILE</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="opel">OPEL</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="peugeot">PEUGEOT</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="piaggio">PIAGGIO</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="plymouth">PLYMOUTH</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="pontiac">PONTIAC</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="proton">PROTON</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ram">RAM</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ravon">RAVON</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="renault">RENAULT</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="renault-trucks">RENAULT TRUCKS</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="rolls-royce">ROLLS-ROYCE</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="rover">ROVER</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ruf">RUF</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="saab">SAAB</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="saturn">SATURN</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="scion">SCION</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="ssangyong">SSANGYONG</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="subaru">SUBARU</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="suzuki">SUZUKI</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="talbot">TALBOT</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="tata">TATA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="tesla">TESLA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="toyota">TOYOTA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf CmColorBgL" data-type="Manuf" data-option="triumph">TRIUMPH</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="uaz">UAZ</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="vauxhall">VAUXHALL</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="voyah">VOYAH</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="xpeng">XPENG</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="zastava">ZASTAVA</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="zaz">ZAZ</div> <div class="CmColorBgh CmMS_Option CmMSelectManuf " data-type="Manuf" data-option="zeekr">ZEEKR</div> </div>
</div>
</div>
</div>
<div class="CmMSelectBox">
<div class="CmMSelectBut CmMSelectDisabled" id="CmMS_BoxModel"><div class="CmSelModNameBl"><span class="CmColorTxiA" id="CmMS_Model" data-value="0">Модель</span></div> ▼</div>
<div class="CmModelSelWrap CmMSelectDown CmMSelectDownLeft" id="CmMS_DdModel" style="display: none;">
<div class="CmRYearBox">
<div class="CmRYear CmColorBr"><span class="CmRYearTxt">Рік</span><span class="CmRYearArrow">▼</span></div>
<div class="CmSelRYearBox CmColorBr">
</div>
</div>
</div>
</div>
<div class="CmMSelectBox">
<div class="CmMSelectBut CmMSelectDisabled" id="CmMS_BoxType"><div class="CmSelTypeNameBl"><span class="CmColorTxiA" id="CmMS_Type" data-value="0">Двигун</span></div> ▼</div>
<div class="CmEngineSelWrap CmMSelectDown CmMSelectDownLeft" id="CmMS_DdType" style="display: none;">
</div>
</div>
</div>
<div class="CmSelModNameGarButWrap">
<div class="CmSelModelTxt CmColorTxi">
<div class="CmSelModPic">
<svg class="CmSelModSvg CmColorFi" viewBox="0 0 24 24"><path d="M24 22h-24l12-20z"></path></svg>
</div>
<span>Оберіть модель</span>
</div>
<div class="CmSelectedModTxt">
<a href="/parts////" class="CmSelModelLink CmColorTxh">
<div class="CmManufTxt_1"></div>
</a>
</div>
<div class="CmGarageBlock">
<div class="CmSelMyGarOpen CmColorBgh CmColorBr CmColorBgL" data-vpid="" style="">
<span class="CmMyGarage CmColorTx">Мій гараж</span>
<svg class="CmGarageFull CmColorFi" viewBox="0 0 252.094 252.094">
<path d="M196.979,146.785c-1.091,0-2.214,0.157-3.338,0.467l-4.228,1.165l-6.229-15.173c-3.492-8.506-13.814-15.426-23.01-15.426
H91.808c-9.195,0-19.518,6.921-23.009,15.427l-6.218,15.145l-4.127-1.137c-1.124-0.31-2.247-0.467-3.338-0.467
c-5.485,0-9.467,3.935-9.467,9.356c0,5.352,3.906,9.858,9.2,11.211c-2.903,8.017-5.159,20.034-5.159,27.929v32.287
c0,6.893,5.607,12.5,12.5,12.5h4.583c6.893,0,12.5-5.607,12.5-12.5v-6.04h93.435v6.04c0,6.893,5.607,12.5,12.5,12.5h4.585
c6.893,0,12.5-5.607,12.5-12.5v-32.287c0-7.887-2.252-19.888-5.15-27.905c5.346-1.32,9.303-5.85,9.303-11.235
C206.445,150.72,202.464,146.785,196.979,146.785z M70.352,159.384l10.161-24.754c2.089-5.088,8.298-9.251,13.798-9.251h63.363
c5.5,0,11.709,4.163,13.798,9.251l10.161,24.754c2.089,5.088-0.702,9.251-6.202,9.251H76.554
C71.054,168.635,68.263,164.472,70.352,159.384z M97.292,199.635c0,2.75-2.25,5-5,5H71.554c-2.75,0-5-2.25-5-5v-8.271
c0-2.75,2.25-5,5-5h20.738c2.75,0,5,2.25,5,5V199.635z M185.203,199.635c0,2.75-2.25,5-5,5h-20.736c-2.75,0-5-2.25-5-5v-8.271
c0-2.75,2.25-5,5-5h20.736c2.75,0,5,2.25,5,5V199.635z"></path>
<path d="M246.545,71.538L131.625,4.175c-1.525-0.894-3.506-1.386-5.578-1.386c-2.072,0-4.053,0.492-5.578,1.386L5.549,71.538
C2.386,73.392,0,77.556,0,81.223v160.582c0,4.135,3.364,7.5,7.5,7.5h12.912c4.136,0,7.5-3.365,7.5-7.5V105.917
c0-1.378,1.121-2.5,2.5-2.5h191.268c1.379,0,2.5,1.122,2.5,2.5v135.888c0,4.135,3.364,7.5,7.5,7.5h12.913
c4.136,0,7.5-3.365,7.5-7.5V81.223C252.094,77.556,249.708,73.392,246.545,71.538z"></path>
</svg>
</div>
<div class="CmGarDropDown CmColorBr">
<div class="CmSelGarTitle CmColorBg">
<span class="CmSelTitleTxt">Мій гараж</span>
<svg class="CmSelCloseGar" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 16.538l-4.592-4.548 4.546-4.587-1.416-1.403-4.545 4.589-4.588-4.543-1.405 1.405 4.593 4.552-4.547 4.592 1.405 1.405 4.555-4.596 4.591 4.55 1.403-1.416z"></path></svg>
</div>
<!-- <div class="CmSelFavorVehicle">
<div class="CmSelFavVehTitle CmColorTx CmColorBgL">Favorite</div>
<div class="CmSelFavItemWrap CmColorBr"></div>
</div> -->
<div class="CmModInGarItem">
<div class="CmModGarageWrap">
<div class="CmSelGarEmpMess CmColorTx"><svg class="CmGarEmptySvg" viewBox="0 0 435.905 435.905"><path d="M430.902,120.789l-208.1-115.6c-3-1.7-6.7-1.7-9.7,0l-208,115.6c-3.2,1.8-5.1,5.1-5.1,8.7v292.7c-0.1,5.4,4.2,9.8,9.6,9.8c0.1,0,0.2,0,0.2,0h416.3c5.4,0.1,9.8-4.2,9.8-9.6c0-0.1,0-0.2,0-0.2v-292.6C436.002,125.889,434.102,122.589,430.902,120.789zM358.002,412.089h-280v-41h280V412.089z M358.002,351.089h-280v-38h280V351.089z M358.002,293.089h-280v-38h280V293.089zM358.002,235.089h-280v-38h280V235.089z M416.002,412.089h-38v-224.7c0-5.5-4.1-10.3-9.7-10.3h-300.6c-5.5,0-9.7,4.8-9.7,10.3v224.7h-38v-276.7l198-110.1l198,110.1V412.089z"></path></svg><span class="CmSelEmptyTxt">Пусто</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="CmSelModelImg">
<div class="CmMobGarlock">
<div class="CmSelMyGarOpen CmColorBgh CmColorBr CmColorBgL" data-vpid="" style="">
<span class="CmMyGarage CmColorTx">Мій гараж</span>
<svg class="CmGarageFull CmColorFi" viewBox="0 0 252.094 252.094">
<path d="M196.979,146.785c-1.091,0-2.214,0.157-3.338,0.467l-4.228,1.165l-6.229-15.173c-3.492-8.506-13.814-15.426-23.01-15.426
H91.808c-9.195,0-19.518,6.921-23.009,15.427l-6.218,15.145l-4.127-1.137c-1.124-0.31-2.247-0.467-3.338-0.467
c-5.485,0-9.467,3.935-9.467,9.356c0,5.352,3.906,9.858,9.2,11.211c-2.903,8.017-5.159,20.034-5.159,27.929v32.287
c0,6.893,5.607,12.5,12.5,12.5h4.583c6.893,0,12.5-5.607,12.5-12.5v-6.04h93.435v6.04c0,6.893,5.607,12.5,12.5,12.5h4.585
c6.893,0,12.5-5.607,12.5-12.5v-32.287c0-7.887-2.252-19.888-5.15-27.905c5.346-1.32,9.303-5.85,9.303-11.235
C206.445,150.72,202.464,146.785,196.979,146.785z M70.352,159.384l10.161-24.754c2.089-5.088,8.298-9.251,13.798-9.251h63.363
c5.5,0,11.709,4.163,13.798,9.251l10.161,24.754c2.089,5.088-0.702,9.251-6.202,9.251H76.554
C71.054,168.635,68.263,164.472,70.352,159.384z M97.292,199.635c0,2.75-2.25,5-5,5H71.554c-2.75,0-5-2.25-5-5v-8.271
c0-2.75,2.25-5,5-5h20.738c2.75,0,5,2.25,5,5V199.635z M185.203,199.635c0,2.75-2.25,5-5,5h-20.736c-2.75,0-5-2.25-5-5v-8.271
c0-2.75,2.25-5,5-5h20.736c2.75,0,5,2.25,5,5V199.635z"></path>
<path d="M246.545,71.538L131.625,4.175c-1.525-0.894-3.506-1.386-5.578-1.386c-2.072,0-4.053,0.492-5.578,1.386L5.549,71.538
C2.386,73.392,0,77.556,0,81.223v160.582c0,4.135,3.364,7.5,7.5,7.5h12.912c4.136,0,7.5-3.365,7.5-7.5V105.917
c0-1.378,1.121-2.5,2.5-2.5h191.268c1.379,0,2.5,1.122,2.5,2.5v135.888c0,4.135,3.364,7.5,7.5,7.5h12.913
c4.136,0,7.5-3.365,7.5-7.5V81.223C252.094,77.556,249.708,73.392,246.545,71.538z"></path>
</svg>
</div>
<div class="CmGarDropDown CmColorBr">
<div class="CmSelGarTitle CmColorBg">
<span class="CmSelTitleTxt">Мій гараж</span>
<svg class="CmSelCloseGar" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 16.538l-4.592-4.548 4.546-4.587-1.416-1.403-4.545 4.589-4.588-4.543-1.405 1.405 4.593 4.552-4.547 4.592 1.405 1.405 4.555-4.596 4.591 4.55 1.403-1.416z"></path></svg>
</div>
<!-- <div class="CmSelFavorVehicle">
<div class="CmSelFavVehTitle CmColorTx CmColorBgL">Favorite</div>
<div class="CmSelFavItemWrap CmColorBr"></div>
<span class="CmSelFavBut CmTitShow" title="Add to favorite" data-vpid="'+vIdMod+'"><svg class="CmSelFavSvg CmColorFih"><use xlink:href="#vaf_icon"></use></svg></span>
</div> -->
<div class="CmModInGarItem">
<div class="CmModGarageWrap">
<div class="CmSelGarEmpMess CmColorTx"><svg class="CmGarEmptySvg" viewBox="0 0 435.905 435.905"><path d="M430.902,120.789l-208.1-115.6c-3-1.7-6.7-1.7-9.7,0l-208,115.6c-3.2,1.8-5.1,5.1-5.1,8.7v292.7c-0.1,5.4,4.2,9.8,9.6,9.8c0.1,0,0.2,0,0.2,0h416.3c5.4,0.1,9.8-4.2,9.8-9.6c0-0.1,0-0.2,0-0.2v-292.6C436.002,125.889,434.102,122.589,430.902,120.789zM358.002,412.089h-280v-41h280V412.089z M358.002,351.089h-280v-38h280V351.089z M358.002,293.089h-280v-38h280V293.089zM358.002,235.089h-280v-38h280V235.089z M416.002,412.089h-38v-224.7c0-5.5-4.1-10.3-9.7-10.3h-300.6c-5.5,0-9.7,4.8-9.7,10.3v224.7h-38v-276.7l198-110.1l198,110.1V412.089z"></path></svg><span class="CmSelEmptyTxt">Пусто</span></div>
</div>
</div>
<svg class="CmSelCloseGar" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 16.538l-4.592-4.548 4.546-4.587-1.416-1.403-4.545 4.589-4.588-4.543-1.405 1.405 4.593 4.552-4.547 4.592 1.405 1.405 4.555-4.596 4.591 4.55 1.403-1.416z"></path></svg>
</div>
</div>
<div class="CmMSelectNocar" style="background-position: 0px 0px;"></div>
</div>
</div>
<div class="CmMSelectLoading"><div class="CmColorBg"></div><div class="CmColorBg"></div><div class="CmColorBg"></div><div class="CmColorBg"></div></div>
<svg class="CmSelSvgImBlock">
<symbol viewBox="0 0 16 16" id="vaf_icon">
<path d="m12.853 16.0905c-.0688477 0-.138184-.014183-.203125-.0430384l-4.61816-2.05606-4.61816 2.05606c-.170898.0758066-.370117.0493956-.515625-.0670033-.145996-.116888-.214355-.30567-.177734-.489072l1.01855-5.10249-3.56055-3.5668c-.130371-.130582-.178223-.322299-.125-.499343.0532227-.176555.199707-.309583.380371-.345774l5.10352-1.02265 2.0376-4.59239c.161133-.361913.75293-.361913.914063 0l2.0376 4.59239 5.10352 1.02265c.180664.0361915.327148.169219.380371.345774.0532227.177044.0053711.368761-.125.499343l-3.56055 3.5668 1.01855 5.10249c.0366211.183402-.0317383.372184-.177734.489072-.0903321.072383-.201172.110042-.3125.110042zm-4.82129-3.14816c.0693359 0 .138672.014183.203125.0430384l3.93848 1.75381-.881836-4.41681c-.0327148-.164328.0185547-.334036.136719-.452392l3.08936-3.09436-4.44092-.890111c-.15918-.0317899-.292969-.138897-.358887-.287575l-1.68604-3.7996-1.68604 3.7996c-.065918.148678-.199707.255785-.358887.287575l-4.44092.890111 3.08936 3.09436c.118164.118356.169434.288064.136719.452392l-.881836 4.41681 3.93848-1.75381c.064453-.0288553.133789-.0430384.203125-.0430384z" transform="translate(-.032 -.09)"></path>
</symbol>
</svg>
<script type="text/javascript">
// NO-CAR Rotation Animation
const CmVhNocar = document.querySelector('.CmMSelectNocar');
if (CmVhNocar) {
const ManufSelector = document.getElementById('ManufSelector');
let currentImage = 0;
let intervalId = null;
let isAnimating = false; // Флаг для отслеживания состояния анимации
function blinkElement() {
if (!ManufSelector) return;
let blinkCount = 0;
const blinkInterval = setInterval(() => {
if (blinkCount % 2 === 0) {
ManufSelector.style.outline = '3px solid #ff0000';
} else {
ManufSelector.style.outline = 'none';
}
blinkCount++;
if (blinkCount === 6) { // 6 переключений = 3 полных мигания
clearInterval(blinkInterval);
ManufSelector.style.outline = 'none'; // Убеждаемся, что контур убран
}
}, 200); // 200 мс между переключениями (всего 1.2 секунды)
}
function runAnimation() {
if (isAnimating) return; // Не запускаем, если анимация уже идет
isAnimating = true;
setTimeout(() => {
blinkElement();
clearInterval(intervalId); // Очищаем существующий интервал
currentImage = 0; // Сбрасываем на начальный кадр
CmVhNocar.style.backgroundPosition = `0 0`;
setTimeout(() => {
intervalId = setInterval(() => {
if (currentImage < 15) {
currentImage++;
CmVhNocar.style.backgroundPosition = `0 -${currentImage * 90}px`;
} else {
clearInterval(intervalId);
CmVhNocar.style.backgroundPosition = `0 0`;
currentImage = 0;
isAnimating = false; // Анимация завершена
}
}, 40);
}, 2000);
}, 2000);
}
window.addEventListener('load', function() {
runAnimation();
});
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting && !isAnimating) {
// Запускаем только если элемент виден и анимация не идет
runAnimation();
}
});
}, {
threshold: 0.5 // 50% видимости
});
observer.observe(CmVhNocar);
}
//SET COOKIE FUNCTION
function setCookie(key, value, expireDays, expireHours, expireMinutes, expireSeconds){
var expireDate = new Date();
if (expireDays) {
expireDate.setDate(expireDate.getDate() + expireDays);
}
if (expireHours) {
expireDate.setHours(expireDate.getHours() + expireHours);
}
if (expireMinutes) {
expireDate.setMinutes(expireDate.getMinutes() + expireMinutes);
}
if (expireSeconds) {
expireDate.setSeconds(expireDate.getSeconds() + expireSeconds);
}
var cleaned_host;
if(location.host.indexOf('www.') === 0){
cleaned_host = location.host.replace('www.','');
}else{
cleaned_host = window.location.hostname;
}
document.cookie = key +"="+ escape(value) +
";domain="+ cleaned_host +
";path=/"+
";expires="+expireDate.toUTCString();
}
// DELETE COOKIE
function deleteCookie(name){
setCookie(name, "", null , null , null, -1);
}
//GET COOKIE FUNC
function get_cookie ( cookie_name ){
var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
if ( results )
return ( unescape ( results[2] ) );
else
return null;
}
$(document).ready(function($){
/*GARAGE*/
var modelItems = get_cookie('CarModGarage');
if(modelItems != null){
var resPars = JSON.parse(modelItems);
var arMod = new Array();
if(resPars != null){
arMod = resPars;
}else{
arMod.push(resPars);
}
$('.CmModGarageWrap').html('');
$.each(arMod,function(key,data) {
let picMod_2 = data['pic'];
let dataMod_2 = data['data'];
let linkMod_2 = data['link'];
let vIdMod_2 = data['id'];
let manufModel_2 = data['manuf'];
let garModel_2 = '<div class="CmSelGarItemWrap" data-vpid="'+vIdMod_2+'"><div class="CmSeModImg"><img src="'+picMod_2+'"></div><div class="CmSelImgNameBl CmColorBgLh"><a href="'+linkMod_2+'" class="CmSelModelLink CmColorTxh"><div class="CmSelManufTxt"><b>'+manufModel_2+'</b></div><div class="CmColorTxh">'+dataMod_2+'</div></a><svg id="CmDelSelMod" class="CmColorFih" data-vpid="'+vIdMod_2+'" viewBox="0 0 128 128"><path d="m109.5 16.917h-23.85v-10.417a1.75 1.75 0 0 0 -1.75-1.75h-39.8a1.751 1.751 0 0 0 -1.75 1.75v10.417h-23.85a1.75 1.75 0 0 0 -1.75 1.75v12.641a1.751 1.751 0 0 0 1.75 1.75h4.222l4.78 88.536a1.751 1.751 0 0 0 1.748 1.656h69.5a1.749 1.749 0 0 0 1.747-1.656l4.781-88.536h4.222a1.75 1.75 0 0 0 1.75-1.75v-12.641a1.749 1.749 0 0 0 -1.75-1.75zm-63.65-8.667h36.3v8.667h-36.3zm51.242 111.5h-66.184l-4.681-86.692h75.547zm10.658-90.192h-87.5v-9.141h23.816.034s.022 0 .034 0h39.733.033s.023 0 .034 0h23.816z"/><path d="m46.667 96.559a1.751 1.751 0 0 0 1.75-1.75v-42.142a1.75 1.75 0 0 0 -3.5 0v42.142a1.75 1.75 0 0 0 1.75 1.75z"/><path d="m64 96.559a1.751 1.751 0 0 0 1.75-1.75v-42.142a1.75 1.75 0 0 0 -3.5 0v42.142a1.751 1.751 0 0 0 1.75 1.75z"/><path d="m81.333 96.559a1.75 1.75 0 0 0 1.75-1.75v-42.142a1.75 1.75 0 0 0 -3.5 0v42.142a1.75 1.75 0 0 0 1.75 1.75z"/></svg></div></div>';
$(garModel_2).appendTo('.CmModGarageWrap');
});
}
// ADD MODEL TO GARAGE
$('.CmSelAddGarage').on('click', function(){
let itemsCookie = get_cookie('CarModGarage');
let resP = JSON.parse(itemsCookie);
let arModels = new Array();
if(resP != null){
arModels = resP;
}
arModels.push({manuf:'Марка', link:'/parts////', pic:'', data:'', id:'', sort:10});
surrModel = JSON.stringify(arModels);
setCookie('CarModGarage', surrModel, 9999999, null, null, null);
let par = JSON.parse(surrModel);
let qwe = par.sort();
$('.CmModGarageWrap').html('');
$.each(qwe,function(key, data){
let picMod = data['pic'];
let dataMod = data['data'];
let linkMod = data['link'];
let vIdMod = data['id'];
let manufModel = data['manuf'];
let garModel = '<div class="CmSelGarItemWrap data-vpid="'+vIdMod+'"><div class="CmSeModImg"><img src="'+picMod+'"></div><div class="CmSelImgNameBl CmColorBgLh"><a href="'+linkMod+'" class="CmSelModelLink CmColorTxh"><div class="CmSelManufTxt"><b>'+manufModel+'</b></div><div class="CmColorTxh">'+dataMod+'</div></a><svg id="CmDelSelMod" class="CmColorFih" data-vpid="'+vIdMod+'" viewBox="0 0 128 128"><path d="m109.5 16.917h-23.85v-10.417a1.75 1.75 0 0 0 -1.75-1.75h-39.8a1.751 1.751 0 0 0 -1.75 1.75v10.417h-23.85a1.75 1.75 0 0 0 -1.75 1.75v12.641a1.751 1.751 0 0 0 1.75 1.75h4.222l4.78 88.536a1.751 1.751 0 0 0 1.748 1.656h69.5a1.749 1.749 0 0 0 1.747-1.656l4.781-88.536h4.222a1.75 1.75 0 0 0 1.75-1.75v-12.641a1.749 1.749 0 0 0 -1.75-1.75zm-63.65-8.667h36.3v8.667h-36.3zm51.242 111.5h-66.184l-4.681-86.692h75.547zm10.658-90.192h-87.5v-9.141h23.816.034s.022 0 .034 0h39.733.033s.023 0 .034 0h23.816z"/><path d="m46.667 96.559a1.751 1.751 0 0 0 1.75-1.75v-42.142a1.75 1.75 0 0 0 -3.5 0v42.142a1.75 1.75 0 0 0 1.75 1.75z"/><path d="m64 96.559a1.751 1.751 0 0 0 1.75-1.75v-42.142a1.75 1.75 0 0 0 -3.5 0v42.142a1.751 1.751 0 0 0 1.75 1.75z"/><path d="m81.333 96.559a1.75 1.75 0 0 0 1.75-1.75v-42.142a1.75 1.75 0 0 0 -3.5 0v42.142a1.75 1.75 0 0 0 1.75 1.75z"/></svg></div></div>';
$(garModel).appendTo('.CmModGarageWrap');
});
$('.CmSelMyGarOpen').css('display','flex');
$('.CmSelAddGarBlock').hide();
});
$('.CmSelMyGarOpen, .CmSelGarOpen').on('click', function(){
$('.CmGarDropDown').fadeIn(300);
});
//DELETE GARAGE MODEL ITEM
$("body").on('click','#CmDelSelMod', function(){
let vId = $(this).data('vpid'),
vehic = $('.CmMSelectTable').data('vehicle');
vpId = $(this).parents('.CmGarageBlock').find('.CmSelAddGarBlock').data('vpid'),
delItem = get_cookie('CarModGarage'),
resIt = JSON.parse(delItem);
const idToRemove = vId;
const filteredMod = resIt.filter((item) => item.id != idToRemove);
if(filteredMod.length == 0 && vehic == 'Y'){
deleteCookie('CarModGarage');
$(this).parents('.CmSelGarItemWrap').html("<div class='CmSelGarEmpMess CmColorTx'><svg class='CmGarEmptySvg' viewBox='0 0 435.905 435.905'><path d='M430.902,120.789l-208.1-115.6c-3-1.7-6.7-1.7-9.7,0l-208,115.6c-3.2,1.8-5.1,5.1-5.1,8.7v292.7c-0.1,5.4,4.2,9.8,9.6,9.8c0.1,0,0.2,0,0.2,0h416.3c5.4,0.1,9.8-4.2,9.8-9.6c0-0.1,0-0.2,0-0.2v-292.6C436.002,125.889,434.102,122.589,430.902,120.789zM358.002,412.089h-280v-41h280V412.089z M358.002,351.089h-280v-38h280V351.089z M358.002,293.089h-280v-38h280V293.089zM358.002,235.089h-280v-38h280V235.089z M416.002,412.089h-38v-224.7c0-5.5-4.1-10.3-9.7-10.3h-300.6c-5.5,0-9.7,4.8-9.7,10.3v224.7h-38v-276.7l198-110.1l198,110.1V412.089z'/></svg><span class='CmSelEmptyTxt'>Пусто</span></div>").removeClass('CmSelGarItemWrap');
$('.CmSelMyGarOpen').hide();
$('.CmSelAddGarBlock').show().css('display','flex');
$('.CmSelGarageFull').hide();
$('.CmGarageSvg').show();
}else if(filteredMod.length == 0 && vehic == ''){
deleteCookie('CarModGarage');
$(this).parents('.CmSelGarItemWrap').html("<div class='CmSelGarEmpMess CmColorTx'><svg class='CmGarEmptySvg' viewBox='0 0 435.905 435.905'><path d='M430.902,120.789l-208.1-115.6c-3-1.7-6.7-1.7-9.7,0l-208,115.6c-3.2,1.8-5.1,5.1-5.1,8.7v292.7c-0.1,5.4,4.2,9.8,9.6,9.8c0.1,0,0.2,0,0.2,0h416.3c5.4,0.1,9.8-4.2,9.8-9.6c0-0.1,0-0.2,0-0.2v-292.6C436.002,125.889,434.102,122.589,430.902,120.789zM358.002,412.089h-280v-41h280V412.089z M358.002,351.089h-280v-38h280V351.089z M358.002,293.089h-280v-38h280V293.089zM358.002,235.089h-280v-38h280V235.089z M416.002,412.089h-38v-224.7c0-5.5-4.1-10.3-9.7-10.3h-300.6c-5.5,0-9.7,4.8-9.7,10.3v224.7h-38v-276.7l198-110.1l198,110.1V412.089z'/></svg><span class='CmSelEmptyTxt'>Пусто</span></div>").removeClass('CmSelGarItemWrap');
}else{
leftModel = JSON.stringify(filteredMod);
setCookie('CarModGarage', leftModel, 9999999, null, null, null);
$(this).parents('.CmSelGarItemWrap').fadeOut(200);
if(vId == vpId){
$('.CmSelMyGarOpen').hide();
$('.CmSelAddGarBlock').show().css('display','flex');
if(filteredMod.length==0){
$('.CmSelGarageFull').hide();
$('.CmGarageSvg').show();
}
}
}
});
//CLOSE GARAGE
$(document).mousedown(function (e){ // событие клика по веб-документу
var div = $(".CmGarDropDown"); // тут указываем ID элемента
if (!div.is(e.target) && div.has(e.target).length === 0) {
$('.CmGarDropDown').fadeOut();
}
});
$('.CmSelCloseGar').on('click', function(e){
e.stopPropagation();
$('.CmGarDropDown').fadeOut();
});
/* Open Box */
$("body").on("click", ".CmMSelectBut", function(){
if(!$(this).hasClass('CmMSelectDisabled')){
$('.CmMSelectDown').each(function(i,obj){ $(this).hide(); });
$(this).next().show();
$('.CmMSelectBox').each(function(i,obj){ $(this).removeClass('CmMSelectActive'); });
$(this).addClass('CmMSelectActive');
}
});
/* Option selected */
$("body").on("click", ".CmMS_Option", function(){
var Option = $(this).data('option').toString();
var Type = $(this).data('type');
var View = $(this).html();
var View = View.split(' (')[0];
$('#CmMS_'+Type).data('value',Option).html(View);
var sYear = $('#CmMS_Year').data('value');
var sManuf = $('#CmMS_Manuf').data('value');
var sModel = $('#CmMS_Model').data('value');
var sType = $('#CmMS_Type').data('value');
$('.CmMSelectBut').each(function(i,obj){ $(this).removeClass('CmMSelectActive'); });
$('.CmMSelectDown').each(function(i,obj){ $(this).hide(); });
if(Type=='Year' && sManuf==''){
CmMS_ButDd("Manuf");
}else{
if(Type=='Type'){
$('.CmMSelectLoading').appendTo($(".CmMSelectVehicle")).show();
$('.CmMSelectBut').each(function(i,obj){ $(this).addClass('CmMSelectDisabled'); });
}else{
var LoadingAt='';
if(Type=='Model'){
LoadingAt='Type';
}else{
LoadingAt='Model';
$('#CmMS_BoxType').removeClass('CmMSelectActive').addClass('CmMSelectDisabled');
}
$('.CmMSelectLoading').appendTo($("#CmMS_Box"+LoadingAt)).show();
// $('#CmMS_'+LoadingAt).html('');
}
let PostData = 'FURL_x=/parts&MsLang=uk&sYear='+sYear+'&sManuf='+sManuf+'&sModel='+sModel+'&sType='+sType+'&sSection=';
// console.log(PostData);
$.ajax({
url:'/parts/add/selector/controller.php', type:'POST', dataType:'html', data:PostData,
statusCode:{
200: function(Res){//alert(Res);
document.cookie = 'VinNum=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
document.cookie = 'RegNum=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
$(location).attr('href',Res); //Redirect
},
201: function(Res){ //Next select Model
$('#CmMS_DdModel').html('<div class="CmFilterWrapBl"><input class="CmSelModSearch CmColorBr" type="text" placeholder="Знайти..."><svg class="CmSelClearBut material-icon CmColorBgh" viewBox="0 1.5 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></div><div class="CmSelModBlock">'+Res+'</div>');
$('#CmMS_Model').html('Модель');
CmMS_ButDd("Model");
$('.CmSelModSearch').focus();
ModelFilterByLet();
},
202: function(Res){ //Next select Type
$('#CmMS_DdType').html(Res);
$('#CmMS_Type').html('Двигун');
CmMS_ButDd("Type");
},
},
success: function(Res){
$('.CmMSelectLoading').hide();
// console.log('Debug: '+Res);
},
});
}
});
/* Manufacturers Group select */
$("body").on("click", ".CmMSelectGrTab", function(){
$('.CmMSelectGrTab').each(function(i,obj){ $(this).removeClass('CmMSelectGrActive CmColorTxi'); });
$(this).addClass('CmMSelectGrActive CmColorTxi');
$('.CmMSelectMfTab').each(function(i,obj){ $(this).hide(); });
var Group = $(this).data('group');
$('#Cm'+Group+'Tab').show();
});
/* Close Box */
$(document).mousedown(function (e){
var Event = e;
$('.CmMSelectBox').each(function(i,obj){
if($(this).has(Event.target).length === 0){
$(this).find(".CmMSelectBut").removeClass('CmMSelectActive');
$(this).find(".CmMSelectDown").hide();
}
});
});
$('body').on('click', '.CmMSelectBox', function(){
//$('.CmSelModSearch').focus();
});
function CmMS_ButDd(BoxIdName){
$("#CmMS_Box"+BoxIdName).removeClass('CmMSelectDisabled').addClass('CmMSelectActive');
$("#CmMS_Dd"+BoxIdName).show();
if(BoxIdName=='Model'){
$("#CmMS_Dd"+BoxIdName).css('display', 'flex');
}
}
//Reset model selector
var el = document.getElementsByClassName('CmResetSettings');
for (i=0; i<el.length; i++){
el[i].onclick = function(){
document.cookie = 'VinNum=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
document.cookie = 'RegNum=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
deleteCookie('CarModVehicle');
location.reload(true);
}
}
$('body').on('click', '.CmRYear', function(){
$('.CmSelRYearBox').fadeIn(50);
});
$(document).mousedown(function (e){ // событие клика по веб-документу
var div = $(".CmSelRYearBox"); // тут указываем ID элемента
if (!div.is(e.target) && div.has(e.target).length === 0) {
$('.CmSelRYearBox').fadeOut(50);
}
});
});
function ModelFilterByLet(){
$('.CmSelModSearch').keyup(function(){
if($('.CmSelModSearch').val().length == 0){
$('.CmSelClearBut').hide();
}
if($('.CmSelModSearch').val().length > 0){
$('.CmSelClearBut').show();
var val_inp = $('.CmSelModSearch').val();
var sw_x = 0;
$('.CmSelTypeNAme').each(function(){
var val_title = $(this).text();
if (RegExp('\^'+val_inp,'i').test(val_title)||RegExp('\\s\\'+val_inp,'i').test(val_title)) {
$(this).parents('.CmMS_Option').removeClass('CmHideStr');
}else{
$(this).parents('.CmMS_Option').addClass('CmHideStr');
}
});
}else{
$('.CmMS_Option').removeClass('CmHideStr');
}
});
$('.CmSelClearBut').click(function(){
$(this).hide();
$('.CmSelModSearch').val('');
$('.CmMS_Option').removeClass('CmHideStr');
});
$('.CmSelRYear').click(function(){
$(this).parent().hide();
var y = $(this).attr('y');
$('.CmRYearTxt').text(y);
$('.CmSelTypeNAme').each(function(){
if(y < $(this).parents('.CmMS_Option').data('ystart') || y > $(this).parents('.CmMS_Option').data('yend')){
$(this).parents('.CmMS_Option').addClass('CmHideYears');
}else{
$(this).parents('.CmMS_Option').removeClass('CmHideYears');
}
});
});
}
$(document).on('click','.CmSelModelLink',function(e){
if(this.href != ''){
document.cookie = 'VinNum=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
document.cookie = 'RegNum=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
});
</script>
</div></div>
</div>
<div class="row mt-3 mt-md-0 p-3 p-md-0 pt-xl-3 g-2 g-md-3 g-xl-4 sc-module">
<div id="" class="">
<div class="sc-module-header fsz-22 dark-text fw-700 text-center text-md-start mt-0 mt-md-2 mb-4">
Запчастини за марками авто
</div>
<div class="swiper-wrapper-box">
<div class="container">
<div class="row g-3">
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/audi/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/audi-130x100.png"
class="img-fluid"
alt="Audi"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Audi</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/vw/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/vw-130x100.png"
class="img-fluid"
alt="VW"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">VW</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/porsche/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/porsche-130x100.png"
class="img-fluid"
alt="Porsche"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Porsche</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/skoda/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/skoda-130x100.png"
class="img-fluid"
alt="Skoda"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Skoda</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/seat/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/seat-130x100.png"
class="img-fluid"
alt="Seat"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Seat</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/bmw/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/bmw-130x100.png"
class="img-fluid"
alt="BMW"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">BMW</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/mini/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/mini-130x100.png"
class="img-fluid"
alt="MINI"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">MINI</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/mercedes-benz/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/mercedes-benz-130x100.png"
class="img-fluid"
alt="Mercedes Benz"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Mercedes Benz</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/smart/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/smart-130x100.png"
class="img-fluid"
alt="Smart"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Smart</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/volvo/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/volvo-130x100.png"
class="img-fluid"
alt="Volvo"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Volvo</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/land-rover/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/land-rover-130x100.png"
class="img-fluid"
alt="Land Rover"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Land Rover</span>
</a>
</div>
<div class="sc-carousel-item brand-box col-6 col-sm-4 col-md-3">
<a href="parts/jaguar/" class="content-block d-block">
<img
src="https://auto-vag.com.ua/image/cache/catalog/jaguar-130x100.png"
class="img-fluid"
alt="Jaguar"
width="130"
height="100"
/>
<span class="sc-carousel-title fw-700 fsz-14 dark-text">Jaguar</span>
</a>
</div>
</div></div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
var scCarouselSwiper = new Swiper('#sc-carousel-0', {
slidesPerView: 2,
spaceBetween: 16,
loop: false,
autoplay: {
delay: 5000,
disableOnInteraction: false
},
grabCursor: true,
navigation: {
nextEl: '#sc-carousel-0 .swiper-button-next',
prevEl: '#sc-carousel-0 .swiper-button-prev'
},
breakpoints: {
1600: {
slidesPerView: 6
},
1200: {
slidesPerView: 4
},
992: {
slidesPerView: 3
}
},
on: {
init: function(swiper) {
toggleArrows(swiper);
},
resize: function(swiper) {
toggleArrows(swiper);
}
}
});
function toggleArrows(swiper) {
var totalSlides = swiper.slides.length;
var slidesPerView = swiper.params.slidesPerView;
if (totalSlides <= slidesPerView) {
swiper.navigation.nextEl.style.display = 'none';
swiper.navigation.prevEl.style.display = 'none';
} else {
swiper.navigation.nextEl.style.display = 'block';
swiper.navigation.prevEl.style.display = 'block';
}
}
});
</script>
</div>
<aside id="column-right-0" class="sc-column col-sm-12 col-md-4 col-xl-4">
<div class="row mt-3 mt-md-0 p-3 p-md-0 pt-xl-3 g-2 g-md-3 sc-module">
<div class="sc-module-header fsz-22 dark-text fw-700 text-center text-md-start mt-0 mt-md-2 mb-2">
Ми у Facebook
</div>
<div class="content-block fb-full">
<div class="sc-module-item sc-module-col">
<div class="widget-fb">
<iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/auto-vag.com.ua&tabs=timeline&width=500&height=760&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true" width="100%" height="760" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="encrypted-media">
</iframe>
</div>
</div>
</div>
</div>
</aside>
</div>
</div>
<footer class="sc-footer mt-3 mt-md-4">
<div class="container-fluid container-md">
<div class="sc-footer-middle row">
<hr class="mb-md-4">
<div class="col-md-3 col-xl-3 pt-xl-0">
<div class="sc-footer-list sc-footer-middle-list">
<div class="sc-footer-title fw-500 text-uppercase mb-md-3 active">Телефони</div>
<div class="sc-footer-middle-info">
<div class="footer-contacts">
<span class="dark-text">Клієнт-менеджер:</span>
<ul class="list-unstyled ps-0 list-tel">
<li class="d-flex align-items-center gap-2">
<a href="tel:+380958126006" class="blue-link">+380958126006</a>
<a rel="nofollow" href="viber://chat?number=380958126006" class="rm-social-fa-viber social-btn social-viber" target="_blank" aria-label="Viber">
<i class="fab fa-viber"></i>
</a>
<a rel="nofollow" href="https://wa.me/380958126006" class="rm-social-fa-whatsapp social-btn social-whatsapp" target="_blank" aria-label="Viber">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li>
<a href="tel:+380689492049" class="blue-link">+380689492049</a>
<a rel="nofollow" href="https://t.me/380689492049" class="rm-social-fa-telegram social-btn social-telegram" target="_blank" aria-label="Telegram">
<i class="fab fa-telegram"></i>
</a>
</li>
</ul>
</div></div>
</div>
</div>
<div class="col-md-3 col-xl-2">
<div class="sc-footer-list sc-footer-middle-list">
<div class="sc-footer-title fw-500 text-uppercase mb-md-3 active">Графік роботи</div>
<div class="sc-footer-middle-info">
<div class="sc-footer-shedule mt-3 fw-500 fsz-14">
Пн - Пт: з 09.00 до 18.00
<br>
Сб: з 10.00 до 14.00
<br>
Нд: вихідний<br>
</div>
</div>
</div>
<div class="sc-footer-socials- d-flex flex-column mt-2 mb-2">
<div class="sc-footer-socials-box d-flex justify-content-xl-start sc-footer-middle-info-social">
<a rel="noopener noreferrer" href="https://www.facebook.com/autovagcomua/" class="sc-footer-socials-item sc-footer-socials-item-fa-facebook-f d-flex align-items-center justify-content-center" target="_blank">
<i class="fab fa-facebook-f"></i>
https://www.facebook.com/autovagcomua/
</a>
<a rel="noopener noreferrer" href="https://www.instagram.com/autovag.com.ua/" class="sc-footer-socials-item sc-footer-socials-item-fa-instagram d-flex align-items-center justify-content-center" target="_blank">
<i class="fab fa-instagram"></i>
https://www.instagram.com/autovag.com.ua/
</a>
</div>
</div>
</div>
<div class="col-md-4 col-xl-5 pt-xl-0">
<div class="sc-footer-middle-list">
<div class="sc-footer-title fw-500 text-uppercase mb-md-3 active">Контакти та адреса</div>
<div class="sc-footer-middle-info">
<div class="sc-footer-address fsz-14 mb-3">Адреса: Бучанський р-н (м.Вишневе) с.Святопетрівське, вулиця Червоного Орача (Володимирська), 29
<br><br>
Координати Google code+: 98H9+58 Святопетровское, Киевская область</div>
<a href="mailto:info@auto-vag.com.ua" class="sc-footer-email fsz-14">info@auto-vag.com.ua</a>
<ul class="sc-footer-payments-list list-unstyled d-flex align-items-center justify-content-center justify-content-lg-start mt-4">
<li class="sc-footer-payments-item privat24"></li>
<li class="sc-footer-payments-item visa"></li>
<li class="sc-footer-payments-item mastercard"></li>
</ul>
</div>
<div class="mt-3">
<div class="sc-footer-subscribe d-flex flex-column align-items-center justify-content-center">
<div class="sc-footer-title fw-500 text-uppercase d-flex align-items-center mb-3">
<img src="catalog/view/theme/oct_showcase/img/sprite.svg#include--footer-subscribe-title-icon" alt="" width="24" height="24" class="me-2">
Слідкуйте за новинками та акціями:
</div>
<form action="javascript:;" id="footer-subscribe" class="sc-footer-subscribe-form">
<div class="input-group">
<input type="email" id="InputSubscribeEmail" class="form-control sc-input-with-btn fw-400" name="email" placeholder="Введіть ваш e-mail">
<button type="submit" id="footer-make-subscribe" class="sc-btn sc-btn-primary">Підпишіться</button>
</div>
<div class="d-flex align-items-center justify-content-center mt-2 text-center">
<input type="checkbox" class="form-check-input" name="agree" id="oct-scales-static">
<label class="form-check-label fsz-10" for="oct-scales-static">Я прочитав <a href="https://auto-vag.com.ua/oferta" target="_blank">Договір Оферта</a> і згоден з вимогами</label>
</div>
</form>
</div>
<script>
$("#InputSubscribeEmail, #oct-scales-static").on("change paste keyup", function() {
$(this).removeClass('error_style');
});
$('#footer-make-subscribe').on('click', function() {
$.ajax({
type: 'post',
url: 'index.php?route=octemplates/module/oct_subscribe/makeSubscribe',
dataType: 'json',
cache: false,
data: $('#footer-subscribe').serialize(),
success: function(json) {
if (json['error']) {
$('#us-subscribe-modal .text-danger').remove();
let errorOption = '';
$.each(json['error'], function(i, val) {
$('#footer-subscribe [name="' + i + '"]').addClass('error_style');
errorOption += '<div class="alert-text-item">' + val + '</div>';
});
scNotify('danger', errorOption);
} else {
if (json['output']) {
$('#footer-subscribe [name="email"]').val('');
scNotify('success', '<div class="alert-text-item">' + json['output'] + '</div>');
}
}
}
});
});
</script>
</div>
</div>
</div>
<div class="col-md-2 col-xl-2">
<div class="sc-footer-list sc-footer-middle-list">
<div class="sc-footer-title fw-500 text-uppercase mb-md-3 active">Інформація</div>
<ul class="list-unstyled fsz-12 sc-footer-middle-info">
<li>
<a href="/payment" title="Доставка і оплата">Доставка і оплата</a>
</li>
<li>
<a href="/about" title="Про компанію">Про компанію</a>
</li>
<li>
<a href="/news" title="Новини та акції">Новини та акції</a>
</li>
<li>
<a href="/providers" title="Постачальникам">Постачальникам</a>
</li>
<li>
<a href="/sto" title="Власникам СТО">Власникам СТО</a>
</li>
<li>
<a href="/contacts" title="Контакти">Контакти</a>
</li>
<li>
<a href="https://www.google.com/maps/place/AUTO-VAG/@50.3812551,30.2836847,13z/data=!4m7!3m6!1s0x0:0x56456c6f43ea72df!8m2!3d50.3812551!4d30.3187037!9m1!1b1?authuser=2" title="Відгуки">Відгуки</a>
</li>
<li>
<a href="/upload/Prices.zip" title="Прайси">Прайси</a>
</li>
<li>
<a href="/oferta" title="Договір Оферта">Договір Оферта</a>
</li>
<li>
<a href="/vin" title="Запит по VIN">Запит по VIN</a>
</li>
<li>
<a href="https://old.auto-vag.com.ua/" title="Стара версія сайту">Стара версія сайту</a>
</li>
<li>
<a href="/harantiia-ta-povernennia" title="Гарантія та повернення">Гарантія та повернення</a>
</li>
<li>
<a href="/optovym-pokuptsiam" title="Оптовим покупцям">Оптовим покупцям</a>
</li>
<li>
<a href="https://auto-vag.com.ua/index.php?route=information/sitemap" title="Карта сайту">Карта сайту</a>
</li>
</ul>
</div>
</div>
<hr class="mt-md-4 d-none d-md-inline-block">
</div>
<div class="row sc-footer-credits">
<div class="text-center fsz-12">AUTO-VAG інтернет-магазин запчастин до авто © 2026</div>
</div>
</div>
<div id="sc_fixed_contact_substrate"></div>
<div id="sc_fixed_contact_button" class="d-flex align-items-center justify-content-center">
<div class="sc-fixed-contact-pulsation"></div>
<div class="sc-fixed-contact-icon text-center d-flex align-items-center justify-content-center">
<i class="fas fa-envelope"></i>
<span class="sc-fixed-contact-text d-none">Зворотний зв’язок</span>
</div>
<div class="sc-fixed-contact-dropdown d-flex flex-column align-items-start">
<a rel="noopener noreferrer" href="viber://chat?number=+380958126006" target="_blank" class="sc-fixed-contact-item d-none d-xl-flex align-items-center sc-fixed-contact-viber-desktop"><span class="sc-fixed-contact-item-icon sc-fixed-contact-viber d-flex align-items-center justify-content-center"><i class="fab fa-viber"></i></span><span>Viber</span></a>
<a rel="noopener noreferrer" href="viber://add?number=380958126006" target="_blank" class="sc-fixed-contact-item d-flex d-xl-none align-items-center sc-fixed-contact-viber-mobile"><span class="sc-fixed-contact-item-icon sc-fixed-contact-viber d-flex align-items-center justify-content-center"><i class="fab fa-viber"></i></span><span>Viber</span></a>
<a rel="noopener noreferrer" href="https://t.me/380689492049" target="_blank" class="sc-fixed-contact-item d-flex align-items-center"><span class="sc-fixed-contact-item-icon sc-fixed-contact-telegram d-flex align-items-center justify-content-center"><i class="fab fa-telegram"></i></span><span>Telegram</span></a>
<a rel="noopener noreferrer" href="https://api.whatsapp.com/send?phone=380958126006" target="_blank" class="sc-fixed-contact-item d-flex align-items-center"><span class="sc-fixed-contact-item-icon sc-fixed-contact-whatsapp d-flex align-items-center justify-content-center"><i class="fab fa-whatsapp"></i></span><span>WhatsApp</span></a>
<a rel="noopener noreferrer" href="mailto:info@auto-vag.com.ua" class="sc-fixed-contact-item d-flex align-items-center"><span class="sc-fixed-contact-item-icon sc-fixed-contact-email d-flex align-items-center justify-content-center"><i class="far fa-envelope"></i></span><span>info@auto-vag.com.ua</span></a>
<a href="https://auto-vag.com.ua/index.php?route=information/contact" class="sc-fixed-contact-item d-flex align-items-center"><span class="sc-fixed-contact-item-icon sc-fixed-contact-contacts d-flex align-items-center justify-content-center"><i class="fas fa-address-book"></i></span><span>Зворотний зв’язок</span></a>
</div>
</div>
</footer>
<button id="back-top" class="br-6" type="button"><i class="fas fa-chevron-up"></i></button>
<script>
document.addEventListener("scroll", () => {
toTopButton();
});
</script>
<div id="overlay"></div>
<div class="modal-holder"></div>
<script async src="https://auto-vag.com.ua/catalog/view/theme/oct_showcase/js/oct-fonts.js"></script>
<link rel="stylesheet" href="https://auto-vag.com.ua/catalog/view/theme/oct_showcase/stylesheet/all.css" media="print" onload="this.media='all'">
<script src="https://auto-vag.com.ua/catalog/view/theme/oct_showcase/js/swiper/swiper.min.js" defer></script>
</body>
</html>
Shown as plain text. Nothing from auto-vag.com.ua runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.