Showing source for: https://tmn.roscarservis.ru/
Duration: 1.120348s
Server: nginx
<!DOCTYPE html>
<html lang="ru" prefix="og: http://ogp.me/ns#">
<head>
<!-- Google Tag Manager -->
<script data-skip-moving="true">
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-WJ797T4');
</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<title>
Купить шины и диски
в Тюмени - интернет-магазин шин Роскар
</title>
<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="/site.webmanifest" rel="manifest">
<link color="#ffffff" href="/safari-pinned-tab.svg" rel="mask-icon">
<meta content="#9f3584" name="msapplication-TileColor">
<meta content="#ffffff" name="theme-color">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- open graph -->
<meta content="Роскар" property="og:site_name">
<meta content="https://roscarservis.ru/" property="og:url">
<meta content="website" property="og:type">
<meta content="Купить шины и диски
в Тюмени - интернет-магазин шин Роскар" property="og:title">
<meta content="Купить шины и диски в Тюмени. Продажа импортных и отечественных автошин и колесных дисков. Онлайн-оформление заказа в интернет-магазине Роскар." property="og:description">
<meta content="/local/templates/roscar/img/og_image_new.png" property="og:image">
<meta content="summary_large_image" name="twitter:card">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="index, follow" name="robots">
<meta content="Роскар купить шины диски летняя зимняя резина Тюмень подбор интернет магазин" name="keywords">
<meta content="Купить шины и диски в Тюмени. Продажа импортных и отечественных автошин и колесных дисков. Онлайн-оформление заказа в интернет-магазине Роскар." name="description">
<link data-template-style="true" href="/bitrix/cache/css/s1/roscar/template_fa5b9e7c9ff233b68305de2487048701/template_fa5b9e7c9ff233b68305de2487048701_v1.css?1716080934497682" rel="stylesheet" type="text/css">
<style>
[v-cloak]
{ display: none; }
</style>
</head>
<body class="main" id="body">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-WJ797T4" style="display:none;visibility:hidden" width="0">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="layout" id="roscar-app">
<popup-block ref="authFormPopup" type="right" v-cloak="">
<div class="popup__title">
<h2 class="popup__title-title">
Войти в личный кабинет
</h2>
</div>
<!--'start_frame_cache_0weid0'-->
<form action="/?login=yes" class="form" method="post" name="form_auth" target="_top">
<input name="form_id" type="hidden" value="auth_form">
<input name="AUTH_FORM" type="hidden" value="Y">
<input name="TYPE" type="hidden" value="AUTH">
<input name="backurl" type="hidden" value="/">
<div class="form__items">
<label class="form-item">
<span class="form-item__label">
Телефон
</span>
<div class="default-input">
<input-phone id="USER_LOGIN" name="USER_LOGIN" required="" type="tel">
</input-phone>
</div>
</label>
<label class="form-item">
<span class="form-item__label">
Пароль
</span>
<div class="default-input default-input--password">
<roscar-simple :initial="{ hidden : true }" v-slot="slotProps">
<input :type="slotProps.params.hidden ? 'password' : 'text'" id="USER_PASSWORD" name="USER_PASSWORD" placeholder="Введите пароль" required="">
<button @click.prevent="slotProps.params.hidden = !slotProps.params.hidden" class="change-view">
</button>
</roscar-simple>
</div>
</label>
</div>
<div class="form__bottom">
<button class="btn" name="Login" type="submit" value="Войти">
Войти
</button>
<a @click.prevent="$refs.forgotPasswordPopup.open()" class="link link--grey" href="#">
Восстановить пароль
</a>
</div>
</form>
<!--'end_frame_cache_0weid0'-->
<p class="popup__text popup__login-toggle">
Нет аккаунта?
<a @click.prevent="$refs.registerPopup.open()" href="#">
Зарегистрироваться
</a>
</p>
<div class="popup__policy">
Нажимая кнопку, я соглашаюсь c
<br>
<a href="/customer/privacy-and-policy/">
Политикой конфиденциальности
</a>
</div>
</popup-block>
<popup-block ref="registerPopup" type="right" v-cloak="">
<div class="popup__title">
<h2 class="popup__title-title">
Регистрация
</h2>
</div>
<form action="" class="form" enctype="multipart/form-data" method="post" name="form1">
<input name="form_id" type="hidden" value="registration_form">
<input name="REGISTER[LOGIN]" type="hidden" value="">
<div class="form__items">
<label class="form-item required">
<span class="form-item__label">
ФИО
</span>
<div class="default-input">
<input class="form__control" name="REGISTER[NAME]" placeholder="Введите Ваши ФИО" required="required" size="30" type="text" value="">
</div>
</label>
<label class="form-item required">
<span class="form-item__label">
Телефон
</span>
<div class="default-input">
<input-phone name="REGISTER[PERSONAL_PHONE]" required="" value="">
</input-phone>
</div>
</label>
<label class="form-item">
<span class="form-item__label">
E-mail
</span>
<div class="default-input">
<input class="form__control" name="REGISTER[EMAIL]" placeholder="Введите Ваш E-mail" size="30" type="email" value="">
</div>
</label>
<label class="form-item required">
<span class="form-item__label">
Пароль
</span>
<div class="default-input default-input--password">
<roscar-simple :initial="{ hidden : true }" v-slot="slotProps">
<input :type="slotProps.params.hidden ? 'password' : 'text'" autocomplete="off" class="form__control" name="REGISTER[PASSWORD]" placeholder="Введите пароль" required="required" size="30" value="">
<button @click.prevent="slotProps.params.hidden = !slotProps.params.hidden" class="change-view">
</button>
</roscar-simple>
</div>
</label>
<label class="form-item required">
<span class="form-item__label">
Подтверждение пароля
</span>
<div class="default-input default-input--password">
<roscar-simple :initial="{ hidden : true }" v-slot="slotProps">
<input :type="slotProps.params.hidden ? 'password' : 'text'" autocomplete="off" class="form__control" name="REGISTER[CONFIRM_PASSWORD]" placeholder="Подтвердите пароль" required="required" size="30" value="">
<button @click.prevent="slotProps.params.hidden = !slotProps.params.hidden" class="change-view">
</button>
</roscar-simple>
</div>
</label>
</div>
<div class="form__bottom">
<button class="btn" name="register_submit_button" type="submit" value="Зарегистрироваться">
Зарегистрироваться
</button>
</div>
</form>
<p class="popup__text popup__login-toggle">
Есть аккаунт?
<a @click.prevent="$refs.authFormPopup.open()" href="#">
Войти
</a>
</p>
<div class="popup__policy">
Нажимая кнопку, я соглашаюсь c
<br>
<a href="/customer/privacy-and-policy/">
Политикой конфиденциальности
</a>
</div>
</popup-block>
<popup-block ref="forgotPasswordPopup" type="right" v-cloak="">
<forgot-password v-slot="slotProps">
<a @click.prevent="slotProps.params.mode = ''" class="popup__back" href="#" v-if="slotProps.params.mode == 'confirmation'">
</a>
<div class="popup__title">
<h2 class="popup__title-title">
<span v-html="'Пароль изменен'" v-if="slotProps.params.mode == 'success'">
</span>
<span v-else-if="slotProps.params.mode == 'confirmation'" v-html="'Изменить пароль'">
</span>
<span v-else="">
Забыли пароль?
</span>
</h2>
</div>
<div v-if="slotProps.params.mode == 'success'">
<p class="popup__text popup__text--bold">
Ваш пароль был успешно изменен
</p>
<a @click.prevent="$refs.authFormPopup.open()" class="btn" href="#">
Войти в личный кабинет
</a>
</div>
<form @submit.prevent="slotProps.submit($event)" class="form" method="post" v-else="">
<template v-if="slotProps.params.mode == 'confirmation'">
<div class="form__items">
<label class="form-item required">
<span class="form-item__label">
Код подтверждения
</span>
<div class="default-input">
<input name="code" placeholder="Введите код" required="" type="text" v-model="slotProps.params.code">
</div>
</label>
<label class="form-item required">
<span class="form-item__label">
Новый пароль
</span>
<div class="default-input">
<input name="password" placeholder="Введите пароль" required="" type="text" v-model="slotProps.params.password">
</div>
<span class="error" v-if="slotProps.params.password.length && slotProps.params.password.length < 6">
Минимум 6 символов
</span>
</label>
</div>
<div class="form__bottom form__bottom--column">
<button class="btn" type="submit">
Изменить пароль
</button>
</div>
</template>
<template v-else="">
<div class="form__items">
<label :class="{ error : slotProps.params.userNotFound }" class="form-item required">
<span class="form-item__label">
Телефон
</span>
<div class="default-input">
<input-phone name="phone" required="" v-model="slotProps.params.phone">
</input-phone>
</div>
<span class="error" v-if="slotProps.params.userNotFound">
Пользователь не найден
</span>
</label>
</div>
<div class="form__bottom form__bottom--column">
<button class="btn" type="submit">
Отправить код
</button>
<a @click.prevent="$refs.authFormPopup.open()" class="link link--grey" href="#">
Войти в личный кабинет
</a>
</div>
</template>
<!-- /forgotten pass form-->
</form>
<div class="popup__policy" v-if="!slotProps.params.mode">
Нажимая кнопку, я соглашаюсь c
<br>
<a href="/customer/privacy-and-policy/">
Политикой конфиденциальности
</a>
</div>
</forgot-password>
</popup-block>
<header class="header">
<div class="wrapper fadeInBottom">
<a class="header__burger" data-menu-fancybox="" href="#side-menu">
<span>
</span>
<span>
</span>
</a>
<div class="header__location">
<a @click.prevent="$refs.citySelectorPopup.open()" class="header__link" href="#" v-html="selectedCity.NAME">
</a>
<div class="notification-cookie notification-cookie_city-confirm" id="notification" v-if="!cookie('city-accepted')">
<div class="notification-cookie__text" v-html="`Ваш город ${selectedCity.NAME} ?`">
</div>
<div class="notification-cookie__btns">
<button @click="cookie('city-accepted', 1);" class="btn" data-notification-close="">
Да
</button>
<a @click.prevent="cookie('city-accepted', 1); $refs.citySelectorPopup.open()" class="btn btn--white" href="#">
Выбрать другой
</a>
</div>
</div>
</div>
<div class="header__phone">
<a class="header__link" href="tel:88005500700">
8 800 5 500 700
</a>
<a @click.prevent="$refs.callbackPopup.open()" class="header__phone-callback" href="#">
Перезвонить вам?
</a>
</div>
<a class="header__logo" href="/">
<div class="header__logo-cut">
<img src="/local/templates/roscar/img/logo-cut.svg">
</div>
<div class="header__logo-main">
<img src="/local/templates/roscar/img/logo.svg">
</div>
</a>
<a @click.prevent="$refs.checkOrderPopup.open()" class="header__link header__info" href="#">
Что с моим заказом?
</a>
<a class="header__link header__enroll" href="/service-order/">
Записаться на сервис
</a>
<div class="header__icons">
<a @click.prevent="$refs.callbackPopup.open()" class="header__icon header__icon--phone" href="#callback">
<svg fill="none" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path d="m18.2 14.95-3-3a1.6 1.6 0 0 0-2.26 0l-.87.87c-2-1.22-3.68-2.9-4.9-4.89l.96-.96a1.6 1.6 0 0 0 0-2.26l-3-3a1.6 1.6 0 0 0-2.26 0L.99 3.61c-.9.76-1.22 2-.81 3.18A21.37 21.37 0 0 0 13.2 19.82a2.89 2.89 0 0 0 3.08-.7l1.91-1.91a1.6 1.6 0 0 0 0-2.26Zm-.95 1.3-1.87 1.88a1.53 1.53 0 0 1-1.72.42 20 20 0 0 1-12.2-12.2 1.52 1.52 0 0 1 .46-1.76l1.9-1.92a.25.25 0 0 1 .36 0l3 3c.1.1.1.25 0 .35L5.85 7.34a.68.68 0 0 0-.11.81 16.08 16.08 0 0 0 6.1 6.1c.27.16.6.11.81-.1l1.25-1.25c.1-.1.25-.1.35 0l3 3c.1.1.1.26 0 .35ZM11.83 3.68a.68.68 0 0 0 0 1.35c1.73 0 3.14 1.4 3.14 3.14a.68.68 0 1 0 1.35 0 4.5 4.5 0 0 0-4.5-4.49ZM12.86 0a.68.68 0 1 0 0 1.35c3.19 0 5.79 2.6 5.79 5.8a.68.68 0 1 0 1.35 0C20 3.2 16.8 0 12.86 0Z" fill="#121212">
</path>
</svg>
</a>
<a class="header__icon header__icon--search" data-quick-search="" href="#quickSearch">
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M13.96 15.02a6.75 6.75 0 1 1 1.06-1.06l5.16 5.16a.75.75 0 0 1-1.06 1.06l-5.16-5.16Zm-7.92-1.56a5.25 5.25 0 1 1 7.43 0h-.01a5.25 5.25 0 0 1-7.42 0Z" fill="#121212" fill-rule="evenodd">
</path>
</svg>
</a>
<a :data-amount="initData.compareProducts.length || null" class="header__icon" href="/compare/">
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M18 20V10M12 20V4M6 20v-6" stroke="#121212" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
</path>
</svg>
</a>
<a @click.prevent="$refs.authFormPopup.open()" class="header__icon" href="#">
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M7.71 7.5a4.5 4.5 0 1 1 9.01 0 4.5 4.5 0 0 1-9.01 0Zm4.5-2.91a2.92 2.92 0 1 0 0 5.83 2.92 2.92 0 0 0 0-5.83ZM7.98 15.2a2.39 2.39 0 0 0-2.39 2.38v1.26c0 .02.01.03.03.04 4.37.7 8.82.7 13.19 0 .02 0 .03-.02.03-.04v-1.26a2.39 2.39 0 0 0-2.38-2.39h-.36l-.09.01-.91.3a9.28 9.28 0 0 1-5.76 0l-.92-.3a.26.26 0 0 0-.08 0h-.36ZM4 17.57c0-2.2 1.78-3.98 3.98-3.98h.36c.2 0 .39.03.57.1l.92.3c1.55.5 3.22.5 4.77 0l.92-.3c.19-.07.38-.1.58-.1h.36c2.2 0 3.97 1.78 3.97 3.98v1.26c0 .8-.58 1.48-1.36 1.6-4.54.75-9.17.75-13.7 0A1.63 1.63 0 0 1 4 18.84v-1.26Z" fill="#121212" fill-rule="evenodd">
</path>
</svg>
</a>
<a :class="{ 'added-favourite' : initData.favoriteProducts.length }" :data-amount="cart.items.value.length || null" @click.prevent="$refs.cartPopup.open()" class="header__icon" href="#">
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M19.9 5.5H6.09L4.9 3.38A.75.75 0 0 0 4.25 3h-1.5a.75.75 0 0 0 0 1.5h1.06l1.16 2.09 2.69 5.94.24.53-2.7 2.88a.75.75 0 0 0 .46 1.26l2.46.28c3.08.35 6.18.35 9.26 0l2.46-.28a.75.75 0 0 0-.18-1.5l-2.45.29c-2.96.33-5.96.33-8.92 0l-.97-.12 1.98-2.1a.77.77 0 0 0 .05-.07l.75.1c1.06.13 2.12.16 3.19.08a9.29 9.29 0 0 0 6.36-3.27l.58-.69a.73.73 0 0 0 .05-.07l1.08-1.64A1.75 1.75 0 0 0 19.9 5.5ZM9.4 12.2a.48.48 0 0 1-.37-.28L6.8 7H19.9c.2 0 .32.22.2.39l-1.05 1.6-.54.65a7.79 7.79 0 0 1-5.34 2.74c-.96.08-1.92.05-2.87-.07l-.9-.12Z" fill="#121212" fill-rule="evenodd">
</path>
<path d="M7.25 18.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM16.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" fill="#121212">
</path>
</svg>
</a>
</div>
</div>
</header>
<main class="main-screen">
<div class="wrapper">
<div class="main-screen__list" data-items-class=".main-screen__item" data-lines-anim="" data-lines-class=".main-screen__line">
<div class="main-screen__line">
<svg class="" fill="none" height="200" viewBox="0 0 1078 200" width="1088" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q0,100 1078,100" id="rubber-line" stroke="#121212" stroke-width="2">
</path>
</svg>
</div>
<a class="main-screen__item" data-bg="165066" href="/promo/" id="bx_3218110189_165066">
Акции
</a>
<div class="main-screen__line">
<svg class="" fill="none" height="200" viewBox="0 0 1078 200" width="1088" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q0,100 1078,100" id="rubber-line" stroke="#121212" stroke-width="2">
</path>
</svg>
</div>
<a class="main-screen__item" data-bg="165067" href="/catalog/legkovye/" id="bx_3218110189_165067">
Шины
</a>
<div class="main-screen__line">
<svg class="" fill="none" height="200" viewBox="0 0 1078 200" width="1088" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q0,100 1078,100" id="rubber-line" stroke="#121212" stroke-width="2">
</path>
</svg>
</div>
<a class="main-screen__item" data-bg="165068" href="/catalog/legkovye-diski/" id="bx_3218110189_165068">
Диски
</a>
<div class="main-screen__line">
<svg class="" fill="none" height="200" viewBox="0 0 1078 200" width="1088" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q0,100 1078,100" id="rubber-line" stroke="#121212" stroke-width="2">
</path>
</svg>
</div>
<a class="main-screen__item" data-bg="165069" href="https://b2c.roscarservis.ru/" id="bx_3218110189_165069" target="_blank">
Корпоративным клиентам
</a>
<div class="main-screen__line">
<svg class="" fill="none" height="200" viewBox="0 0 1078 200" width="1088" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q0,100 1078,100" id="rubber-line" stroke="#121212" stroke-width="2">
</path>
</svg>
</div>
<a class="main-screen__item" data-bg="165070" href="/service-order/" id="bx_3218110189_165070">
Записаться на сервис
</a>
<div class="main-screen__line">
<svg class="" fill="none" height="200" viewBox="0 0 1078 200" width="1088" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q0,100 1078,100" id="rubber-line" stroke="#121212" stroke-width="2">
</path>
</svg>
</div>
<a @click.prevent="$refs.virtualCardPopup.open()" class="main-screen__item" data-bg="165071" href="#" id="bx_3218110189_165071">
Карта клиента
</a>
<div class="main-screen__line">
<svg class="" fill="none" height="200" viewBox="0 0 1078 200" width="1088" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 100 Q0,100 1078,100" id="rubber-line" stroke="#121212" stroke-width="2">
</path>
</svg>
</div>
</div>
<p class="main-screen__info">
Более
<br>
- 500 000
<br>
товаров
</p>
<span class="main-screen__copy">
<a href="https://zgalex.ru/" target="_blank">
ZG.Agency
</a>
&
<a href="https://www.xpage.ru/" target="_blank">
Xpage
</a>
</span>
</div>
<div class="main-screen__bg">
<div class="wrapper">
<div class="main-screen__bg-container">
<div class="main-screen__bg-item" data-bg-block="165066" data-mobile-bg="0">
<video autoplay="" height="970" loop="" muted="" playsinline="" preload="" width="586">
<source src="/upload/iblock/2ae/wncw5snnw4yqjkm51ig5nqh2p80g92t8.MP4" type="video/mp4">
</video>
</div>
<div class="main-screen__bg-item" data-bg-block="165067" data-mobile-bg="1">
<video autoplay="" height="970" loop="" muted="" playsinline="" preload="" width="586">
<source src="/upload/iblock/223/jtcf74rqk94ljhvg5oaik70q2zgrbye3.MP4" type="video/mp4">
</video>
</div>
<div class="main-screen__bg-item" data-bg-block="165068" data-mobile-bg="0">
<video autoplay="" height="970" loop="" muted="" playsinline="" preload="" width="586">
<source src="/upload/iblock/747/67948p1wq3ugq5chnb4s89a9d1oi923p.MP4" type="video/mp4">
</video>
</div>
<div class="main-screen__bg-item" data-bg-block="165069" data-mobile-bg="0">
<video autoplay="" height="970" loop="" muted="" playsinline="" preload="" width="586">
<source src="/upload/iblock/e99/ms6qemkrbqh3z5ezmme4i27emikcczxt.MP4" type="video/mp4">
</video>
</div>
<div class="main-screen__bg-item" data-bg-block="165070" data-mobile-bg="0">
<video autoplay="" height="970" loop="" muted="" playsinline="" preload="" width="586">
<source src="/upload/iblock/865/u22j3bmapciw2onwyeoqp0nd0rc1rzj5.MP4" type="video/mp4">
</video>
</div>
<div class="main-screen__bg-item" data-bg-block="165071" data-mobile-bg="0">
<video autoplay="" height="970" loop="" muted="" playsinline="" preload="" width="586">
<source src="/upload/iblock/2d5/r3f54urmza25jpkkp34vop3qiw7a8d66.MP4" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__top">
<div class="wrapper">
<a class="footer__logo" href="/">
<img loading="lazy" src="/local/templates/roscar/img/logo.svg">
</a>
<div class="footer__column" data-footer-dropdown="">
<a class="footer__column-title" href="/catalog/">
Каталог
</a>
<div class="footer__column-inner">
<ul class="footer__column-list">
<li class="footer__item">
<a href="/catalog/tyres/">
Шины
</a>
</li>
<li class="footer__item">
<a href="/catalog/wheels/">
Диски
</a>
</li>
<li class="footer__item">
<a href="/parts/">
Запчасти
</a>
</li>
<li class="footer__item">
<a href="/catalog/accumulators/">
Аккумуляторы
</a>
</li>
<li class="footer__item">
<a href="/gift/">
Подарочная карта
</a>
</li>
</ul>
</div>
</div>
<div class="footer__column" data-footer-dropdown="">
<a class="footer__column-title" href="/customer/">
Покупателям
</a>
<div class="footer__column-inner">
<ul class="footer__column-list">
<li class="footer__item">
<a href="/customer/usloviya-vozvrata-i-obmena/">
Условия возврата и обмена
</a>
</li>
<li class="footer__item">
<a href="/customer/delivery/">
Способы доставки
</a>
</li>
<li class="footer__item">
<a href="/customer/payment/">
Способы оплаты
</a>
</li>
<li class="footer__item">
<a href="/customer/legal-information/">
Юридическая информация
</a>
</li>
<li class="footer__item">
<a href="/customer/karta-postoyannogo-klienta/">
Карта постоянного клиента
</a>
</li>
</ul>
<ul class="footer__column-list">
<li class="footer__item">
<a href="/customer/oferta/">
Оферта
</a>
</li>
<li class="footer__item">
<a href="/customer/privacy-and-policy/">
Политика конфиденциальности
</a>
</li>
<li class="footer__item">
<a href="/customer/pravila-polzovaniya-podarochnymi-kartami/">
Правила пользования подарочными картами
</a>
</li>
</ul>
</div>
</div>
<div class="footer__column" data-footer-dropdown="">
<p class="footer__column-title">
Контакты
</p>
<div class="footer__column-inner">
<ul class="footer__column-list">
<li class="footer__item">
<p>
454000, Челябинск
<br>
Потребительская 2-я, д.22
</p>
</li>
<li class="footer__item footer__item--contacts">
<a href="mailto:[email protected]">
[email protected]
</a>
<p class="footer__item-contacts">
<a href="tel:88005500700">
8 800 5 500 700
</a>
<a @click.prevent="$refs.callbackPopup.open();" class="footer__item-contacts-callback" href="#">
Вам перезвонить?
</a>
</p>
</li>
<li class="footer__item footer__item--socials">
<div class="socials-list">
<a class="socials-list__item" href="https://vk.com/roscarservis" target="_blank">
<svg fill="none" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#a)">
<path d="M17.9 13.14a9.33 9.33 0 0 0-1.85-2.19l-.02-.02-.01-.02H16c-.4-.38-.66-.63-.76-.76-.2-.25-.24-.5-.13-.76.07-.2.35-.6.84-1.23.26-.33.46-.6.6-.8 1.09-1.43 1.56-2.35 1.41-2.75l-.05-.1c-.04-.05-.14-.1-.3-.15a1.48 1.48 0 0 0-.6-.02l-2.69.01a.35.35 0 0 0-.19 0l-.12.04-.05.02-.03.03a.42.42 0 0 0-.1.1.65.65 0 0 0-.1.16 15.3 15.3 0 0 1-1.64 3.12 4.84 4.84 0 0 1-.84.95c-.11.08-.2.11-.25.1l-.16-.04a.62.62 0 0 1-.2-.23c-.06-.1-.1-.21-.12-.36a4.06 4.06 0 0 1-.02-.83V7a23.23 23.23 0 0 1 .04-1.43l.01-.51c0-.19 0-.33-.03-.43-.02-.1-.06-.2-.1-.3a.5.5 0 0 0-.2-.23c-.08-.05-.18-.09-.3-.12a6.24 6.24 0 0 0-1.27-.12 6.15 6.15 0 0 0-2.24.22c-.13.07-.25.16-.36.28-.1.14-.12.22-.04.23.37.05.64.19.8.4l.05.11a4.35 4.35 0 0 1 .22 1.12 7.3 7.3 0 0 1-.22 2.37l-.11.2a.16.16 0 0 1-.05.05.7.7 0 0 1-.25.05c-.09 0-.2-.04-.32-.13-.13-.09-.26-.21-.39-.36a4.82 4.82 0 0 1-.45-.64c-.17-.28-.35-.6-.53-.98l-.15-.27a23.37 23.37 0 0 1-.81-1.74.62.62 0 0 0-.23-.3l-.05-.02a1 1 0 0 0-.37-.14L.6 4.33c-.26 0-.44.06-.53.18l-.04.06a.3.3 0 0 0-.03.15c0 .07.02.15.06.25a30.93 30.93 0 0 0 3.36 5.94 20.75 20.75 0 0 0 .93 1.14l.23.22a11.26 11.26 0 0 0 1.63 1.16 5.24 5.24 0 0 0 2.6.65h1.08a.75.75 0 0 0 .5-.2l.03-.05c.03-.04.05-.1.07-.17a.95.95 0 0 0 .03-.26c0-.27.02-.51.07-.73.04-.21.1-.38.15-.49a1.2 1.2 0 0 1 .37-.4.61.61 0 0 1 .07-.04c.15-.05.33 0 .53.14.2.15.4.33.57.55l.64.72c.25.27.47.47.66.6l.19.12c.12.07.28.14.48.2.2.06.38.08.53.05l2.4-.04c.24 0 .42-.04.55-.12.13-.07.21-.16.24-.25a1.17 1.17 0 0 0-.06-.57Z" fill="#121212">
</path>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h18v18H0z" fill="#fff">
</path>
</clipPath>
</defs>
</svg>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer__bot">
<div class="wrapper">
<span class="footer__copy">
© 2024 «РОСКАР»
</span>
<p class="footer__dev">
<a href="https://zgalex.ru/" target="_blank">
ZG.Agency
</a>
&
<a href="https://www.xpage.ru/" target="_blank">
Xpage
</a>
</p>
</div>
</div>
</footer>
<!-- MOBILE NAV-->
<nav class="mobile-nav fadeInUp">
<div class="wrapper">
<a class="mobile-nav__item mobile-nav__item--icon" data-quick-search="" href="#quickSearch">
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M13.96 15.02a6.75 6.75 0 1 1 1.06-1.06l5.16 5.16a.75.75 0 0 1-1.06 1.06l-5.16-5.16Zm-7.92-1.56a5.25 5.25 0 1 1 7.43 0h-.01a5.25 5.25 0 0 1-7.42 0Z" fill="#121212" fill-rule="evenodd">
</path>
</svg>
</a>
<a class="mobile-nav__item mobile-nav__item--icon" href="/service-order/">
<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M20.2296 16.5021L16.4527 12.7254C16.0697 12.3432 15.5504 12.072 14.9849 11.9857L16.6499 10.3208C17.8295 10.5305 19.0546 10.1524 19.9092 9.29781C21.013 8.194 21.3028 6.5065 20.6301 5.09859C20.4734 4.77051 20.0386 4.69626 19.7819 4.95311L18.5728 6.16217H17.8274V5.41686L19.0365 4.20779C19.2936 3.95076 19.2188 3.51616 18.891 3.35961C17.4831 2.68703 15.7955 2.97675 14.6916 4.0806C13.837 4.93518 13.4589 6.1601 13.6687 7.33974L11.6223 9.38609L8.74444 6.50836L9.11711 6.13567C9.35963 5.89319 9.30911 5.48717 9.01561 5.31107L5.28894 3.07512C5.08158 2.95067 4.8161 2.9834 4.64509 3.1544L3.15437 4.64503C2.98337 4.81603 2.95071 5.08146 3.07509 5.28885L5.31116 9.01547C5.48888 9.31173 5.8952 9.35754 6.13578 9.11697L6.50849 8.74427L9.38632 11.622L7.33989 13.6683C6.16028 13.4585 4.93525 13.8367 4.08064 14.6913C2.97676 15.7951 2.68699 17.4826 3.35962 18.8905C3.51639 19.2186 3.95112 19.2928 4.20787 19.036L5.41695 17.8269H6.16229V18.5722L4.95318 19.7813C4.69611 20.0383 4.77089 20.4729 5.09866 20.6295C5.60472 20.8712 6.14678 20.9887 6.68501 20.9886C7.64418 20.9886 8.59094 20.6155 9.29804 19.9085C10.1526 19.0539 10.5308 17.829 10.321 16.6494L11.9861 14.9843C12.0724 15.55 12.3437 16.0694 12.7261 16.4525L16.5026 20.2289C17.5285 21.2548 19.1977 21.2594 20.2297 20.2288C21.2568 19.2011 21.2568 17.5293 20.2296 16.5021ZM5.86774 7.89437L4.19068 5.09939L5.09944 4.19071L7.89447 5.86767C7.69994 6.06219 6.1304 7.63171 5.86774 7.89437ZM7.25376 7.99899C7.73925 7.51348 7.59257 7.66019 7.99914 7.25364L10.8769 10.1313L10.1316 10.8767L7.25376 7.99899ZM9.37151 16.1082C9.23848 16.2412 9.18641 16.4351 9.23496 16.6169C9.47734 17.5243 9.21591 18.5 8.55266 19.1633C7.95652 19.7593 7.12223 20.0231 6.31628 19.9089L7.06197 19.1633C7.1608 19.0644 7.21635 18.9304 7.21635 18.7906V17.2999C7.21635 17.0089 6.98037 16.7729 6.6893 16.7729H5.19858C5.05876 16.7729 4.92474 16.8285 4.82591 16.9273L4.08022 17.673C3.96606 16.8669 4.22985 16.0327 4.82591 15.4367C5.48916 14.7734 6.46493 14.512 7.37238 14.7544C7.55418 14.8029 7.748 14.7509 7.88108 14.6179C7.99812 14.5008 14.3845 8.11469 14.6182 7.88094C14.7513 7.7479 14.8033 7.55405 14.7548 7.37226C14.5124 6.46487 14.7738 5.48917 15.4371 4.82588C16.0332 4.2298 16.8674 3.96592 17.6735 4.08021L16.9278 4.82588C16.8289 4.9247 16.7734 5.05875 16.7734 5.1985V6.68913C16.7734 6.98019 17.0094 7.21616 17.3004 7.21616H18.7912C18.931 7.21616 19.065 7.16062 19.1638 7.06179L19.9095 6.31612C20.0237 7.12215 19.7599 7.95638 19.1638 8.55242C18.5006 9.21565 17.5248 9.47704 16.6174 9.2347C16.4356 9.18615 16.2417 9.23819 16.1087 9.37122L9.37151 16.1082ZM19.4845 19.4834C18.8666 20.1005 17.8635 20.0992 17.248 19.4837L13.4718 15.7076C12.938 15.1728 12.7746 14.241 13.4918 13.4914C14.2413 12.7743 15.1732 12.9377 15.7077 13.4711L19.4842 17.2475C20.1005 17.8638 20.1005 18.867 19.4845 19.4834Z" fill="#121212" stroke="#121212" stroke-width="0.1">
</path>
</svg>
</a>
<a class="mobile-nav__item" data-menu-fancybox="" href="#side-menu">
МЕНЮ
</a>
<a @click.prevent="$refs.authFormPopup.open()" class="mobile-nav__item mobile-nav__item--icon" href="#">
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M7.71 7.5a4.5 4.5 0 1 1 9.01 0 4.5 4.5 0 0 1-9.01 0Zm4.5-2.91a2.92 2.92 0 1 0 0 5.83 2.92 2.92 0 0 0 0-5.83ZM7.98 15.2a2.39 2.39 0 0 0-2.39 2.38v1.26c0 .02.01.03.03.04 4.37.7 8.82.7 13.19 0 .02 0 .03-.02.03-.04v-1.26a2.39 2.39 0 0 0-2.38-2.39h-.36l-.09.01-.91.3a9.28 9.28 0 0 1-5.76 0l-.92-.3a.26.26 0 0 0-.08 0h-.36ZM4 17.57c0-2.2 1.78-3.98 3.98-3.98h.36c.2 0 .39.03.57.1l.92.3c1.55.5 3.22.5 4.77 0l.92-.3c.19-.07.38-.1.58-.1h.36c2.2 0 3.97 1.78 3.97 3.98v1.26c0 .8-.58 1.48-1.36 1.6-4.54.75-9.17.75-13.7 0A1.63 1.63 0 0 1 4 18.84v-1.26Z" fill="#121212" fill-rule="evenodd">
</path>
</svg>
</a>
<a :class="{ 'added-favourite' : initData.favoriteProducts.length }" :data-amount="cart.items.value.length || null" @click.prevent="$refs.cartPopup.open()" class="mobile-nav__item mobile-nav__item--icon" href="#">
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M19.9 5.5H6.09L4.9 3.38A.75.75 0 0 0 4.25 3h-1.5a.75.75 0 0 0 0 1.5h1.06l1.16 2.09 2.69 5.94.24.53-2.7 2.88a.75.75 0 0 0 .46 1.26l2.46.28c3.08.35 6.18.35 9.26 0l2.46-.28a.75.75 0 0 0-.18-1.5l-2.45.29c-2.96.33-5.96.33-8.92 0l-.97-.12 1.98-2.1a.77.77 0 0 0 .05-.07l.75.1c1.06.13 2.12.16 3.19.08a9.29 9.29 0 0 0 6.36-3.27l.58-.69a.73.73 0 0 0 .05-.07l1.08-1.64A1.75 1.75 0 0 0 19.9 5.5ZM9.4 12.2a.48.48 0 0 1-.37-.28L6.8 7H19.9c.2 0 .32.22.2.39l-1.05 1.6-.54.65a7.79 7.79 0 0 1-5.34 2.74c-.96.08-1.92.05-2.87-.07l-.9-.12Z" fill="#121212" fill-rule="evenodd">
</path>
<path d="M7.25 18.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM16.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" fill="#121212">
</path>
</svg>
</a>
</div>
</nav>
<!-- POPUPS-->
<div class="popups">
<div class="popup popup--menu" id="side-menu">
<nav class="menu">
<div class="menu__top">
<a @click.prevent="$refs.citySelectorPopup.open()" class="menu__top-link" href="#">
<span v-html="`Ваш город: ${selectedCity.NAME}`">
</span>
</a>
<a @click.prevent="$refs.checkOrderPopup.open()" class="menu__top-link" href="#">
<span>
Что с моим заказом?
</span>
</a>
</div>
<div class="menu__links">
<a class="menu__link menu__link--promo" href="/promo/">
<span>
Акции
</span>
</a>
<div class="menu__link menu__link--catalog_tyres" data-responsive-dropdown="">
<span>
Шины
</span>
<div class="menu__link-inner">
<a href="/catalog/legkovye/">
Легковые
</a>
<a href="/catalog/legkogruzovye/">
Легкогрузовые
</a>
<a href="/catalog/gruzovye/">
Грузовые
</a>
<a href="/catalog/selskohozyaystvenye/">
Сельхозшины
</a>
<a href="/catalog/specshiny/">
Спецшины
</a>
</div>
</div>
<div class="menu__link menu__link--catalog_wheels" data-responsive-dropdown="">
<span>
Диски
</span>
<div class="menu__link-inner">
<a href="/catalog/legkovye-diski/">
Легковые диски
</a>
<a href="/catalog/gruzovye-diski/">
Грузовые диски
</a>
</div>
</div>
<a class="menu__link menu__link--parts" href="/parts/">
<span>
Запчасти
</span>
</a>
<div class="menu__link menu__link--catalog_accumulators" data-responsive-dropdown="">
<span>
Аккумуляторы
</span>
<div class="menu__link-inner">
<a href="/catalog/legkovye-akkumulyatory/">
Легковые аккумуляторы
</a>
<a href="/catalog/gruzovye-akkumulyatory/">
Грузовые аккумуляторы
</a>
</div>
</div>
<a class="menu__link menu__link--https:_b2c.roscarservis.ru" href="https://b2c.roscarservis.ru/" target="_blank">
<span>
Корпоративным клиентам
</span>
</a>
<a class="menu__link menu__link--service-order" href="/service-order/">
<span>
Записаться на сервис
</span>
</a>
<a @click.prevent="$refs.virtualCardPopup.open()" class="menu__link menu__link--#" href="#">
<span>
Карта клиента
</span>
</a>
<a class="menu__link menu__link--catalog_diskont menu__link--sale" href="/catalog/diskont/">
<span>
Распродажа
</span>
</a>
</div>
<div class="menu__bottom">
<a class="menu__sublink" href="/customer/#">
<span>
Покупателям
</span>
</a>
<div class="menu__sublink" data-responsive-dropdown="">
<span>
Услуги сервиса
</span>
<div class="menu__sublink-inner">
<a href="/service/legkovoy-servis/">
Легковой сервис
</a>
<a href="/service/gruzovoy-servis/">
Грузовой сервис
</a>
</div>
</div>
<a class="menu__sublink" href="/gift/">
<span>
Подарочная карта
</span>
</a>
<a class="menu__sublink" href="/vacancy/">
<span>
Вакансии
</span>
</a>
<a class="menu__sublink" href="/contacts/">
<span>
Контакты
</span>
</a>
<a @click.prevent="$refs.reviewsPopup.open()" class="menu__sublink" href="#">
<span>
Написать отзыв
</span>
</a>
</div>
<div class="menu__actions">
<a @click.prevent="$refs.checkOrderPopup.open()" class="menu__action menu__action--info" href="#">
Что с моим заказом?
</a>
<a class="menu__action menu__action--compare" href="/compare/">
Сравнение товаров
</a>
</div>
<a @click.prevent="$refs.citySelectorPopup.open()" class="menu__location" href="#" v-html="selectedCity.NAME">
</a>
</nav>
</div>
<popup-block ref="citySelectorPopup" v-slot="slotProps">
<div class="popup__title">
<h2 class="popup__title-title">
Выбор города
</h2>
<p class="popup__title-subtitle">
Выберите свой город из списка
</p>
</div>
<city-selector @city:changed="slotProps.close();">
</city-selector>
</popup-block>
<popup-block ref="callbackPopup" v-slot="slotProps">
<div class="popup__title">
<h2 class="popup__title-title">
заказать звонок
</h2>
<p class="popup__title-subtitle">
Оставьте ваши контактные данные, и наш менеджер свяжется с вами в ближайшее время
</p>
</div>
<roscar-form :validators='[{"fieldId":"450","fieldName":"PROPERTY[450][0]","required":true,"errorText":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u0412\u0430\u0448\u0435 \u0438\u043c\u044f"},{"fieldId":"451","fieldName":"PROPERTY[451][0]","required":true,"isPhone":true,"errorText":"\u041d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430"}]' v-slot="roscarFormSlotProps">
<div id="add_element_form__45_container">
<form @submit="roscarFormSlotProps.submit($event)" action="/" class="form personal__form" enctype="multipart/form-data" id="add_element_form__45" method="post" name="iblock_add" role="form">
<input name="form_id" type="hidden" value="add_element_form__45">
<input name="PROPERTY[NAME][0]" type="hidden" value="Элемент">
<input name="PROPERTY[469][0]" type="hidden" value="/">
<input name="MAX_FILE_SIZE" type="hidden" value="20971520">
<input id="sessid" name="sessid" type="hidden" value="030daf61752f1854c833f4e7b11f5cf6">
<div class="form__items">
<div :class="{ error : roscarFormSlotProps.errors[450] }" class="form-item form-item--S required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[450].text" v-if="roscarFormSlotProps.errors[450]">
</label>
<label class="form-item__label" v-else="">
Ваше имя
</label>
<div class="default-input">
<input class="required" name="PROPERTY[450][0]" placeholder="Введите имя" type="text" value="">
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[451] }" class="form-item form-item--PHONE required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[451].text" v-if="roscarFormSlotProps.errors[451]">
</label>
<label class="form-item__label" v-else="">
Телефон
</label>
<div class="default-input">
<input-phone class="default-input__input required" name="PROPERTY[451][0]" placeholder="+7 (___) ___ - __ - __" value="">
</input-phone>
</div>
</div>
<div class="form__bottom">
<button @click="roscarFormSlotProps.submit({ target : $event.target.form })" class="btn g-recaptcha" name="iblock_submit" type="submit" value="submit">
Позвонить мне
</button>
<input data-action-id="iblock_add_45" name="recaptcha_token" type="hidden" value="">
</div>
</div>
</form>
</div>
</roscar-form>
<div class="popup__callback">
<p class="popup__callback-text">
или позвоните нашим специалистам по бесплатному номеру:
</p>
<a class="popup__callback-phone" href="tel:88005500700">
8 800 5 500 700
</a>
</div>
<div class="popup__policy">
Нажимая кнопку, я соглашаюсь c
<br>
<a href="/customer/privacy-and-policy/">
Политикой конфиденциальности
</a>
</div>
</popup-block>
<popup-block ref="checkOrderPopup" type="right">
<div class="popup__title">
<h2 class="popup__title-title">
Что с моим заказом?
</h2>
</div>
<check-order @reopen="$refs.checkOrderPopup.open()">
</check-order>
<p class="popup__text">
Чтобы увидеть полную информацию по заказу (адрес доставки, способ оплаты и другое),
<a @click.prevent="$refs.authFormPopup.open()" href="#">
авторизуйтесь
</a>
</p>
</popup-block>
<div class="quick-search" id="quickSearch">
<div class="wrapper">
<span class="quick-search__close">
</span>
<div class="quick-search__bg">
<img src="/local/templates/roscar/img/logo-cut.svg">
</div>
<form action="/catalog/" class="quick-search__row">
<span class="quick-search__label">
Быстрый поиск
</span>
<input class="quick-search__input" id="quick-search" name="q" placeholder="Название модели / код товара" type="text">
<button class="quick-search__btn" type="submit">
Искать
</button>
</form>
</div>
</div>
<popup-block ref="reviewsPopup">
<div class="popup__title">
<h2 class="popup__title-title">
Написать отзыв
</h2>
</div>
<roscar-form :validators='[{"fieldId":"445","fieldName":"PROPERTY[445][0]","required":true,"errorText":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u0422\u0438\u043f \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f"},{"fieldId":"446","fieldName":"PROPERTY[446][0]","required":true,"errorText":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f"},{"fieldId":"447","fieldName":"PROPERTY[447][0]","required":true,"errorText":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u0410\u0434\u0440\u0435\u0441 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f"},{"fieldId":"493","fieldName":"PROPERTY[493][0]","required":true,"errorText":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u0424\u0418\u041e"},{"fieldId":"448","fieldName":"PROPERTY[448][0]","required":true,"errorText":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f E-mail"},{"fieldId":"494","fieldName":"PROPERTY[494][0]","required":true,"isPhone":true,"errorText":"\u041d\u0435\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430"},{"fieldId":"449","fieldName":"PROPERTY[449][0]","required":true,"errorText":"\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439"}]' v-slot="roscarFormSlotProps">
<roscar-simple :initial="{ categoryId : '' }" v-slot="roscarSimpleSlotProps">
<div id="add_element_form__44_container">
<form @submit="roscarFormSlotProps.submit($event)" action="/" class="form personal__form" enctype="multipart/form-data" id="add_element_form__44" method="post" name="iblock_add" role="form">
<input name="form_id" type="hidden" value="add_element_form__44">
<input name="PROPERTY[NAME][0]" type="hidden" value="Элемент">
<input name="PROPERTY[468][0]" type="hidden" value="/">
<input name="MAX_FILE_SIZE" type="hidden" value="20971520">
<input id="sessid_1" name="sessid" type="hidden" value="030daf61752f1854c833f4e7b11f5cf6">
<div class="form__items">
<div :class="{ error : roscarFormSlotProps.errors[445] }" :key="445" class="form-item form-item--E required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[445].text" v-if="roscarFormSlotProps.errors[445]">
</label>
<label class="form-item__label" v-else="">
Тип обращения
</label>
<div class="default-select">
<roscar-select>
<select class="default-select__select form-control form-item required" data-no-deselect="true" data-placeholder="–" name="PROPERTY[445][0]">
<option value="">
-
</option>
<option value="112991">
Поблагодарить
</option>
<option value="112992">
Пожаловаться
</option>
<option value="112993">
Задать вопрос
</option>
<option value="112994">
Предложить
</option>
</select>
</roscar-select>
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[446] }" :key="446" class="form-item form-item--E required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[446].text" v-if="roscarFormSlotProps.errors[446]">
</label>
<label class="form-item__label" v-else="">
Категория
</label>
<div class="default-select">
<roscar-select>
<select class="default-select__select form-control form-item required" data-no-deselect="true" data-placeholder="–" name="PROPERTY[446][0]" v-model="roscarSimpleSlotProps.params.categoryId">
<option value="">
-
</option>
<option value="113999">
Акции, скидки, подарки
</option>
<option value="114000">
Качество обслуживания
</option>
<option value="114001">
Заказ/получение товара
</option>
<option value="114002">
Сайт
</option>
<option value="114003">
Call-центр
</option>
<option value="114004">
Работа у нас
</option>
<option value="114005">
Сотрудничество
</option>
<option value="114006">
Другие вопросы
</option>
</select>
</roscar-select>
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[447] }" :key="447" class="form-item form-item--E required" v-if="!~[ 114002, 114003, 114004, 114005, 114006, ].indexOf(+roscarSimpleSlotProps.params.categoryId)">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[447].text" v-if="roscarFormSlotProps.errors[447]">
</label>
<label class="form-item__label" v-else="">
Адрес обслуживания
</label>
<div class="default-select">
<roscar-select>
<select class="default-select__select form-control form-item required" data-no-deselect="true" data-placeholder="–" name="PROPERTY[447][0]">
<option value="">
-
</option>
<option value="г. Челябинск, ул. Федорова 2а">
г. Челябинск, ул. Федорова 2а
</option>
<option value="г. Челябинск, ул. Бр.Кашириных, 93б">
г. Челябинск, ул. Бр.Кашириных, 93б
</option>
<option value="г. Челябинск, Копейское шоссе, 35д">
г. Челябинск, Копейское шоссе, 35д
</option>
<option value="г. Челябинск, ул. Пионерская, 4">
г. Челябинск, ул. Пионерская, 4
</option>
<option value="г. Челябинск, Свердловский пр-т, 40а">
г. Челябинск, Свердловский пр-т, 40а
</option>
<option value="г. Челябинск, Свердловский тракт, 12б">
г. Челябинск, Свердловский тракт, 12б
</option>
<option value="г. Челябинск, ул. Комарова, 34">
г. Челябинск, ул. Комарова, 34
</option>
<option value="г. Челябинск, Свердловский тракт, 4д">
г. Челябинск, Свердловский тракт, 4д
</option>
<option value="г. Челябинск, ул.Игуменка, 153">
г. Челябинск, ул.Игуменка, 153
</option>
<option value="г. Челябинск, ул. Бр.Кашириных, 134б">
г. Челябинск, ул. Бр.Кашириных, 134б
</option>
<option value="г. Берёзовский, Кольцевая, 4ж">
г. Берёзовский, Кольцевая, 4ж
</option>
<option value="г. Магнитогорск, ул.9 мая, д.12, корп.2">
г. Магнитогорск, ул.9 мая, д.12, корп.2
</option>
<option value="г. Миасс, Динамовское шоссе, 6">
г. Миасс, Динамовское шоссе, 6
</option>
<option value="г. Миасс, ул. Богдана Хмельницкого, 4">
г. Миасс, ул. Богдана Хмельницкого, 4
</option>
<option value="г. Курган, ул. Бурова-Петрова, 98а">
г. Курган, ул. Бурова-Петрова, 98а
</option>
<option value="г. Копейск, пр-т Победы, 60">
г. Копейск, пр-т Победы, 60
</option>
<option value="г. Тюмень, Ялуторовский тракт, 11, стр.5">
г. Тюмень, Ялуторовский тракт, 11, стр.5
</option>
<option value="г. Курган, Бурова-Петрова 120Б">
г. Курган, Бурова-Петрова 120Б
</option>
<option value="г. Златоуст, Айский поселок, 1д">
г. Златоуст, Айский поселок, 1д
</option>
</select>
</roscar-select>
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[493] }" :key="493" class="form-item form-item--S required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[493].text" v-if="roscarFormSlotProps.errors[493]">
</label>
<label class="form-item__label" v-else="">
ФИО
</label>
<div class="default-input">
<input class="required" name="PROPERTY[493][0]" placeholder="Введите ваши ФИО" type="text" value="">
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[448] }" :key="448" class="form-item form-item--EMAIL required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[448].text" v-if="roscarFormSlotProps.errors[448]">
</label>
<label class="form-item__label" v-else="">
E-mail
</label>
<div class="default-input">
<input class="required" name="PROPERTY[448][0]" placeholder="Введите ваш E-mail" type="email" value="">
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[494] }" :key="494" class="form-item form-item--PHONE required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[494].text" v-if="roscarFormSlotProps.errors[494]">
</label>
<label class="form-item__label" v-else="">
Телефон
</label>
<div class="default-input">
<input-phone class="default-input__input required" name="PROPERTY[494][0]" placeholder="+7 (___) ___ - __ - __" value="">
</input-phone>
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[449] }" :key="449" class="form-item form-item--T required">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[449].text" v-if="roscarFormSlotProps.errors[449]">
</label>
<label class="form-item__label" v-else="">
Комментарий
</label>
<div class="default-textarea">
<textarea class="required" id="" name="PROPERTY[449][0]" placeholder="Ваше сообщение"></textarea>
</div>
</div>
<div :class="{ error : roscarFormSlotProps.errors[545] }" :key="545" class="form-item form-item--F">
<label class="form-item__label" v-html="roscarFormSlotProps.errors[545].text" v-if="roscarFormSlotProps.errors[545]">
</label>
<label class="form-item__label" v-else="">
Файл
</label>
<input-file :max-file-size="20971520" v-slot="inputFileSlot">
<div :class="{ added : inputFileSlot.files.length }" class="default-file">
<div class="default-file__input">
<label class="default-file__placeholder" for="PROPERTY_FILE_545" v-cloak="">
<template v-if="inputFileSlot.files.length">
{{ $filters.plural(inputFileSlot.files.length, ['Прикреплен', 'Прикреплено', 'Прикреплено']) }} {{ inputFileSlot.files.length }} {{ $filters.plural(inputFileSlot.files.length, ['файл', 'файла', 'файлов']) }}
</template>
<template v-else="">
Прикрепите файл
</template>
</label>
<input name="PROPERTY[545][0]" type="hidden" value="">
<input @change="inputFileSlot.onFileChanged($event)" data-field-id="545" id="PROPERTY_FILE_545" name="PROPERTY_FILE_545_0" type="file" value="">
</div>
<ul class="default-file__files">
<li :key="index" class="default-file__file" v-for="(item, index) in inputFileSlot.files">
<span @click.prevent="inputFileSlot.remove(index)" class="default-file__file-remove">
</span>
<img :src="item.previewSrc" v-if="item.previewSrc">
<img src="/local/templates/roscar/img/svg/file-pdf.svg" v-else-if="item.type == 'pdf'">
<img src="/local/templates/roscar/img/svg/file-temp.svg" v-else="">
</li>
</ul>
</div>
</input-file>
</div>
<div class="form__bottom">
<button @click="roscarFormSlotProps.submit({ target : $event.target.form })" class="btn g-recaptcha" name="iblock_submit" type="submit" value="submit">
Отправить
</button>
<input data-action-id="iblock_add_44" name="recaptcha_token" type="hidden" value="">
</div>
</div>
</form>
</div>
</roscar-simple>
</roscar-form>
<div class="popup__policy">
Нажимая кнопку, я соглашаюсь c
<br>
<a href="/customer/privacy-and-policy/">
Политикой конфиденциальности
</a>
</div>
</popup-block>
<popup-block ref="virtualCardPopup" v-slot="slotPropsPopup">
<template v-if="initData.UF_CARD_NUM">
<div class="popup__title">
<h2 class="popup__title-title">
Ваша карта клиента
</h2>
</div>
<virtual-card v-if="slotPropsPopup.isOpened" v-slot="slotProps">
<div class="client-card">
<div class="client-card__image" v-if="slotProps.qrCodeSrc">
<img :src="slotProps.qrCodeSrc" loading="lazy">
</div>
<div class="client-card__info">
<span class="client-card__number">
{{ slotProps.cardNum }}
</span>
<div class="client-card__bot">
<span class="client-card__discount--short">
{{ slotProps.text }}
</span>
</div>
</div>
</div>
</virtual-card>
</template>
<template v-else="">
<div class="popup__title">
<h2 class="popup__title-title">
Карта клиента
</h2>
</div>
<virtual-card-activate>
</virtual-card-activate>
<p class="popup__text">
У вас нет карты клиента? Создайте бесплатно свою электронную карту прямо сейчас!
</p>
<a @click.prevent="$refs.virtualCardAddPopup.open()" class="popup__link link" href="#">
Создать новую карту клиента
</a>
<div class="popup__policy">
Нажимая кнопку, я соглашаюсь c
<br>
<a href="/customer/privacy-and-policy/">
Политикой конфиденциальности
</a>
</div>
</template>
</popup-block>
<popup-block ref="virtualCardAddPopup" v-slot="slotProps">
<a @click.prevent="$refs.virtualCardPopup.open()" class="popup__back" href="#">
</a>
<div class="popup__title">
<h2 class="popup__title-title">
Создать карту клиента
</h2>
</div>
<virtual-card-register>
</virtual-card-register>
<div class="popup__policy">
Нажимая кнопку, я соглашаюсь c
<br>
<a href="/customer/privacy-and-policy/">
Политикой конфиденциальности
</a>
</div>
</popup-block>
<div class="share-popup" id="share-list">
<p class="share-popup__title">
Поделиться
</p>
<div class="share-popup__list">
<yandex-share>
</yandex-share>
<roscar-copy-clipboard v-slot="clipboardSlotProps" value="/">
<a @click.prevent="clipboardSlotProps.copy()" class="share-popup__item share-popup__item--copy" href="#">
<span>
копировать ссылку
</span>
</a>
</roscar-copy-clipboard>
</div>
</div>
<popup-block class="popup--cart cart" data-with-nav="true" ref="cartPopup" type="right">
<ul class="cart__tabs">
<li class="cart__tab cart__tab--cart active">
<span>
Корзина | {{ cart.items.value.length }}
</span>
</li>
<li @click.prevent="$refs.favoritesPopup.open()" class="cart__tab cart__tab--favourite">
<span>
Избранное | {{ initData.favoriteProducts.length }}
</span>
</li>
</ul>
<roscar-cart>
</roscar-cart>
</popup-block>
<popup-block class="popup--cart cart cart--favourite" data-with-nav="true" ref="favoritesPopup" type="right">
<ul class="cart__tabs">
<li @click.prevent="$refs.cartPopup.open()" class="cart__tab cart__tab--cart">
<span>
Корзина | {{ cart.items.value.length }}
</span>
</li>
<li class="cart__tab cart__tab--favourite active">
<span>
Избранное | {{ initData.favoriteProducts.length }}
</span>
</li>
</ul>
<roscar-favorites>
</roscar-favorites>
</popup-block>
</div>
<!-- NOTIFICATIONS-->
<div class="notification-cookie" id="notification" v-if="!cookie('cookie-accepted')">
<div class="notification-cookie__text">
Мы используем файлы cookie для вашего удобства пользования сайтом.
<a href="/customer/privacy-and-policy/">
Больше о cookie
</a>
</div>
<button @click="cookie('cookie-accepted', 1);" class="btn" data-notification-close="">
Понятно
</button>
</div>
</div>
<!-- -->
<!-- Yandex.Metrika counter -->
<noscript>
<div>
<img alt="" src="https://mc.yandex.ru/watch/15806776" style="position:absolute; left:-9999px;">
</div>
</noscript>
<!-- /Yandex.Metrika counter -->
<!-- Facebook Pixel Code -->
<noscript>
<img height="1" src="https://www.facebook.com/tr?id=382603759209779&ev=PageView&noscript=1" style="display:none" width="1">
</noscript>
<!-- End Facebook Pixel Code -->
<noscript>
<img alt="" src="https://vk.com/rtrg?p=VK-RTRG-323285-7g31G" style="position:fixed; left:-999px;">
</noscript>
<script src="/local/templates/.default/dist/js/chunk-vendors.js?1713443750251436" type="text/javascript">
</script>
<script src="/local/templates/.default/dist/js/app.js?171344375026800" type="text/javascript">
</script>
<script src="/local/templates/roscar/js/vendors.js?17097079411117325" type="text/javascript">
</script>
<script src="/local/templates/roscar/js/main.js?1710747118260408" type="text/javascript">
</script>
<script src="/local/templates/.default/components/bitrix/menu/footer/script.js?1662375896272" type="text/javascript">
</script>
<script type="text/javascript">
var _ba = _ba || [];
_ba.push(["aid","725097ace9e6178582be1094eb34a547"]);
_ba.push(["host","tmn.roscarservis.ru"]);
(function() {
var ba = document.createElement("script");
ba.type = "text/javascript";
ba.async = true;
ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(ba, s);
})();
</script>
<script type="text/javascript">
(function(d, w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter15806776 = new Ya.Metrika({
id: 15806776,
triggerEvent: true,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
trackHash: true,
ecommerce: "dataLayer",
webvisor: true
});
} catch (e) {
}
});
var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function() {
n.parentNode.insertBefore(s, n);
};
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else {
f();
}
})(document, window, "yandex_metrika_callbacks");
</script>
<script type="text/javascript">
(function(m, e, t, r, i, k, a) {
m[i] = m[i] || function() {
(m[i].a = m[i].a || []).push(arguments);
};
m[i].l = 1 * new Date();
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a);
})(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(15806776, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true,
trackHash: true,
ecommerce: "dataLayer"
});
</script>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments);
}, i[r].l = 1 * new Date();
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-71639725-1', 'auto');
ga('send', 'pageview');
</script>
<script>
!function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '382603759209779');
fbq('track', 'PageView');
</script>
<script type="text/javascript">
!function() {
var t = document.createElement("script");
t.type = "text/javascript", t.async = !0, t.src = "https://vk.com/js/api/openapi.js?160", t.onload = function() {
VK.Retargeting.Init("VK-RTRG-323285-7g31G"), VK.Retargeting.Hit();
}, document.head.appendChild(t);
}();
</script>
<script async="" crossorigin="anonymous" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9296898717630432">
</script>
</body>
</html>