Robobill

Кэшбэк за покупку зимних шин Torero 2024

ФН чека

Индекс доставки

Сумма покупки

Дата покупки

ФП чека

ФД чека

Индекс регистрации

Область регистрации

Область доставки

Город доставки

Город регистрации

Адрес доставки

Адрес регистрации

Карта для выплаты кешбэка

ИНН

Фото акционных товаров

Селфи с паспортом

Фото водительского удостоверения 

Кем выдан паспорт

Срок действия паспорта

Дата выдачи паспорта

Серия и номер паспорта

Дата рождения

Отчество

Имя

E-mail

Авторизация - Номер телефона

Оператор для повторной выплаты

Согласие с офертой

Площадка для отзыва

Ссылка на страницу с отзывом

Фото отзыва

Откуда вы узнали об акции? 

Серия и номер водительского удостоверения

Обратная связь - Вопрос

Обратная связь - Тема

Авторизация - Код

Авторизация - E-mail

Согласие на привлечение третьих лиц

Согласие на получение информационных сообщений

Согласие с правилами

Фото чека

Уровень участника

Язык

Страна

ID участника

Фамилия

<div class='container'>
  <div class='calculator__container'>
    <div class="calculator__main">
      <div class="calculator__body">
        <h3 class="title__middle">Калькулятор кэшбэка</h3>
        <p>Посчитайте, какой кэшбэк вы можете получить при покупке комплекта шин Torero</p>
      </div>
      <div class="calculator__form">
        <div class="calculator__fields">
          <div class="calculator__field">
            <label class="calculator__label">Название модели:</label>
            <select class="f--input calculator__select js-calculator-model" required="" name="model" onChange="calculateCashback({type: 'model'})">
              <option value="" disabled="" selected="">Модель шин</option>
              <option value="Torero MP30">Torero MP30</option>
            </select>
          </div>
          <div class="calculator__field">
            <label class="calculator__label">Размер шин:</label>

            <select class="f--input calculator__select js-calculator-variant" required="" name="model" onChange="calculateCashback()">
              <option value="" disabled="" selected="">Типоразмер</option>
            </select>

          </div>
        </div>
        <div class="calculator__preview">
          <label class="calculator__label">Кэшбэк составит:</label>
          <big class="calculator__cost">
            <span class="js-calculator-cost">0</span>&nbsp;руб. <sup>*</sup>
          </big>
          <p class="calculator__note">*Размер кэшбэка рассчитан по рекомендованной цене на выбранные шины Torero. Розничная цена на шины в торговой точке может отличаться от расчета на сайте</p>
        </div>
      </div>
    </div>
  </div>
</div>


<style>
  .calculator__container {
    padding: 64px 0;
    background: #fff;
  }

  .calculator__main {
    display: flex;
    flex-wrap: wrap;
    color: #222;
    font-size: 16px;
    gap: 32px;
    --brandbook-btn-padding: 0.9em 1.4em;
    --brandbook-input-padding: 0.9em 1.4em;
    --border-radius: 12px;
    --brandbook-layout-base-border-radius: 12px;
  }

  .calculator__main .btn {
    padding: var(--brandbook-btn-padding);
  }

  .calculator__body {
    max-width: 520px;
    padding-inline-end: 32px;
  }

  .calculator__body h3 {
    margin-bottom: 32px;
  }

  .calculator__form {
    max-width: 620px;
  }

  .calculator__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
  }

  .calculator__field {
    flex-grow: 1;
  }

  .calculator__buttons {
    display: flex;
    gap: 16px;
  }

  .calculator__label {
    display: block;
    margin-bottom: 8px;
  }

  .calculator__button {
    flex-grow: 1;
    border-width: 1px;
    border-color: inherit;
    color: #A3A3A3;
    font-size: 16px;
    font-weight: normal;
    pointer-events: none;
  }
  .calculator__button.-is--active {
    color: #222;
    pointer-events: auto;
  }

  .calculator__button.-is--selected {
    background-color: #36A898;
    color: #fff;
    pointer-events: auto;
  }

  .calculator__select {
    min-width: 280px;
    border-color: inherit;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L8.96271 9.03729L0.925424 1' stroke='%2336A898' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: right 24px center;
    background-repeat: no-repeat;
    background-size: 14px auto;
  }
  .calculator__select:invalid {
    color: #A3A3A3;
  }

  .calculator__cost {
    display: block;
    color: #000000;
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
  }

  @media (max-width: 479.98px) {
    .calculator__cost {
      font-size: 40px;
    }
  }

  .calculator__cost sup {
    font-size: 24px;
    vertical-align: top;
  }

  .calculator__note {
    margin: 16px 0;
    color: #A3A3A3;
    font-size: 14px;
  }

  .calculator__preview {
    padding: 24px 0;
    border-top: 1px solid #E3E3E3;
    margin: 32px 0;
  }

</style>


Посчитай сумму кешбэка за покупку шин Torero

Калькулятор кэшбэка за покупку шин Torero