Robobill

Кэшбэк за покупку зимних шин Cordiant 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>Посчитайте, какой кэшбэк вы можете получить при покупке комплекта шин 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 Snow Cross">Cordiant Snow Cross</option>
              <option value="Cordiant Snow Cross 2"> Cordiant Snow Cross 2</option>
              <option value="Cordiant Winter Drive">Cordiant Winter Drive</option>
              <option value="Cordiant Winter Drive 2">Cordiant Winter Drive 2</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