Robobill

Кэшбэк за покупку летних шин Cordiant 2024

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

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

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

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

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

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

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

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

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

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

Фото чека

ФП чека

ФД чека

ФН чека

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

Дата покупки

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

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

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

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

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

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

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

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

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

ИНН

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

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

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

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

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

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

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

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

Отчество

Фамилия

Имя

E-mail

Номер телефона

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

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

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

<div class='container'>
  <div class='calculator__container'>
    <div class="calculator__main">
      <div class="calculator__body">
        <h3 class="title__middle">Калькулятор кэшбэка</h3>
        <p>Посчитайте, какой кэшбэк вы можете получить при покупке комплекта шин Cordiant</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="Cordiant Gravity">Cordiant Gravity</option>
              <option value=" Cordiant Road Runner"> Cordiant Road Runner</option>
              <option value="Cordiant Comfort 2">Cordiant Comfort 2</option>
              <option value="Cordiant All Terrain">Cordiant All Terrain</option>
              <option value="Cordiant Off Road">Cordiant Off Road</option>
              <option value="Cordiant Off Road 2">Cordiant Off Road 2</option>
              <option value="Cordiant Sport 2">Cordiant Sport 2</option>
              <option value="Cordiant Sport 3">Cordiant Sport 3</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">*Размер кэшбэка рассчитан по рекомендованной цене на выбранные шины Cordiant. Розничная цена на шины в торговой точке может отличаться от расчета на сайте</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: #005387;
    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>


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

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