<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Полный обзор велосипедов CUBE 2027</title>
    <link>https://russiacube.ru</link>
    <description/>
    <language>ru</language>
    <lastBuildDate>Fri, 14 Aug 2026 14:32:48 +0300</lastBuildDate>
    <item turbo="true">
      <title>Велосипед Cube Reaction Pro 2027</title>
      <link>https://russiacube.ru/tpost/tlezyd4bl1-velosiped-cube-reaction-pro-2027</link>
      <amplink>https://russiacube.ru/tpost/tlezyd4bl1-velosiped-cube-reaction-pro-2027?amp=true</amplink>
      <pubDate>Fri, 14 Aug 2026 13:30:00 +0300</pubDate>
      <enclosure url="https://static.tildacdn.com/tild3166-6233-4862-b537-633132643662/vibehype_82c1d5f3.png" type="image/png"/>
      <turbo:content><![CDATA[<header><h1>Велосипед Cube Reaction Pro 2027</h1></header><figure><img alt="" src="https://static.tildacdn.com/tild3166-6233-4862-b537-633132643662/vibehype_82c1d5f3.png"/></figure><div class="t-redactor__embedcode"><!-- CUBE REACTION PRO 2027 — START -->
<section id="crp27">

<style>
#crp27{
  --black:#0b0c0d;
  --graphite:#151719;
  --graphite2:#202326;
  --platinum:#d8dadd;
  --silver:#aeb2b7;
  --white:#fff;
  --muted:#a9adb2;
  --line:rgba(255,255,255,.12);
  --green:#1c755e;
  --pink:#d72b82;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 80% 2%,rgba(216,218,221,.12),transparent 23%),
    linear-gradient(180deg,#0b0c0d 0%,#111315 45%,#090a0b 100%);
  color:var(--white);
  font-family:Arial,sans-serif;
  line-height:1.55;
  box-sizing:border-box;
}
#crp27 *{box-sizing:border-box}
#crp27 img{display:block;max-width:100%}
#crp27 button,#crp27 a{font:inherit}
#crp27 .cr-container{
  width:min(1240px,calc(100% - 40px));
  margin:auto;
}
#crp27 .cr-hero{padding:54px 0 30px}
#crp27 .cr-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:var(--platinum);
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
}
#crp27 .cr-kicker:before{
  content:"";
  width:36px;
  height:2px;
  background:var(--platinum);
}
#crp27 h1{
  max-width:900px;
  margin:0;
  font-size:clamp(34px,6vw,76px);
  line-height:.98;
  letter-spacing:-3px;
  text-transform:uppercase;
}
#crp27 .cr-lead{
  max-width:800px;
  margin:22px 0 0;
  color:#c9ccd0;
  font-size:clamp(16px,2vw,20px);
}
#crp27 .cr-year{
  color:var(--platinum);
  white-space:nowrap;
}

/* COLOR SWITCH */
#crp27 .cr-colors{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:32px 0 18px;
}
#crp27 .cr-color{
  min-width:0;
  padding:14px 12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#17191b;
  color:#fff;
  cursor:pointer;
  transition:.25s ease;
  text-align:left;
}
#crp27 .cr-color:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.35);
}
#crp27 .cr-color.active{
  border-color:var(--accent,var(--platinum));
  box-shadow:0 0 0 1px var(--accent,var(--platinum)),
             0 12px 35px rgba(0,0,0,.35);
}
#crp27 .cr-color-top{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
#crp27 .cr-dot{
  flex:0 0 18px;
  width:18px;
  height:18px;
  border:2px solid rgba(255,255,255,.7);
  border-radius:50%;
  background:var(--dot);
}
#crp27 .cr-color-name{
  min-width:0;
  overflow:hidden;
  font-size:14px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#crp27 .cr-color-sku{
  display:block;
  margin:5px 0 0 27px;
  color:var(--muted);
  font-size:11px;
}

/* GALLERY */
#crp27 .cr-gallery{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:26px;
  background:
    radial-gradient(circle at center,rgba(255,255,255,.11),transparent 45%),
    #f3f3f1;
  box-shadow:0 28px 80px rgba(0,0,0,.35);
  touch-action:pan-y;
}
#crp27 .cr-stage{
  position:relative;
  width:100%;
  height:clamp(330px,60vw,700px);
  overflow:hidden;
}
#crp27 .cr-main-image{
  width:100%;
  height:100%;
  padding:24px;
  object-fit:contain;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
  transition:opacity .2s ease;
}
#crp27 .cr-gallery-counter{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  padding:8px 12px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#111;
  font-size:12px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
#crp27 .cr-arrow{
  position:absolute;
  top:50%;
  z-index:4;
  display:grid;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(0,0,0,.12);
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#111;
  font-size:26px;
  cursor:pointer;
  place-items:center;
  transform:translateY(-50%);
  transition:.2s;
}
#crp27 .cr-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
#crp27 .cr-prev{left:18px}
#crp27 .cr-next{right:18px}
#crp27 .cr-thumbs{
  display:flex;
  width:100%;
  max-width:100%;
  gap:8px;
  padding:12px;
  overflow-x:auto;
  overflow-y:hidden;
  border-top:1px solid rgba(0,0,0,.1);
  background:#e7e7e4;
  scrollbar-width:thin;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
#crp27 .cr-thumb{
  flex:0 0 92px;
  width:92px;
  height:70px;
  padding:3px;
  overflow:hidden;
  border:2px solid transparent;
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
#crp27 .cr-thumb.active{
  border-color:#111;
  box-shadow:0 0 0 1px #111;
}
#crp27 .cr-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* SELECTED MODEL */
#crp27 .cr-selected{
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:24px;
  margin:26px 0 74px;
  padding:26px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
}
#crp27 .cr-selected h2{
  margin:0 0 8px;
  font-size:clamp(24px,4vw,42px);
  line-height:1.08;
  letter-spacing:-1.4px;
}
#crp27 .cr-selected p{margin:0;color:#c3c6ca}
#crp27 .cr-selected-meta{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:24px;
  border-left:1px solid var(--line);
}
#crp27 .cr-meta-label{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}
#crp27 .cr-meta-value{
  margin:3px 0 14px;
  color:var(--accent,var(--platinum));
  font-size:18px;
  font-weight:900;
}
#crp27 .cr-model-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border-radius:10px;
  background:var(--accent,var(--platinum));
  color:var(--button-text,#111);
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
  transition:.2s;
}
#crp27 .cr-model-link:hover{filter:brightness(1.12);transform:translateY(-2px)}

/* ARTICLE */
#crp27 .cr-section{padding:72px 0}
#crp27 .cr-section + .cr-section{border-top:1px solid var(--line)}
#crp27 .cr-section-title{
  max-width:900px;
  margin:0 0 18px;
  font-size:clamp(30px,5vw,58px);
  line-height:1.03;
  letter-spacing:-2px;
}
#crp27 .cr-section-intro{
  max-width:860px;
  margin:0 0 38px;
  color:#b9bdc1;
  font-size:17px;
}
#crp27 .cr-copy-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
#crp27 .cr-copy{
  padding:27px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.035);
}
#crp27 .cr-copy h3{margin:0 0 12px;font-size:23px}
#crp27 .cr-copy p{margin:0;color:#bfc3c7}
#crp27 .cr-copy strong{color:#fff}

/* IMPROVEMENTS */
#crp27 .cr-improvements{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
#crp27 .cr-improve{
  min-height:205px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,#1b1e20,#101214);
}
#crp27 .cr-improve-num{
  display:grid;
  width:36px;
  height:36px;
  margin-bottom:20px;
  border-radius:10px;
  background:var(--platinum);
  color:#111;
  font-size:13px;
  font-weight:900;
  place-items:center;
}
#crp27 .cr-improve h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.2;
}
#crp27 .cr-improve p{
  margin:0;
  color:#aeb2b6;
  font-size:14px;
}
#crp27 .cr-plus{color:#dfe1e3;font-weight:800}

/* COMPARISON */
#crp27 .cr-compare{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
}
#crp27 .cr-compare-row{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
}
#crp27 .cr-compare-row > div{
  min-width:0;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
}
#crp27 .cr-compare-row > div + div{border-left:1px solid var(--line)}
#crp27 .cr-compare-row:last-child > div{border-bottom:0}
#crp27 .cr-compare-head{
  background:#222528;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}
#crp27 .cr-compare-label{font-weight:800}
#crp27 .cr-compare-old{color:#9ea2a6}
#crp27 .cr-compare-new{color:#fff;background:rgba(216,218,221,.05)}
#crp27 .cr-badge{
  display:inline-block;
  margin-left:5px;
  padding:2px 6px;
  border-radius:5px;
  background:var(--platinum);
  color:#111;
  font-size:9px;
  font-weight:900;
  vertical-align:middle;
}

/* TABLES */
#crp27 .cr-table-title{
  margin:45px 0 13px;
  font-size:25px;
}
#crp27 .cr-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:#111315;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
#crp27 table{
  width:100%;
  min-width:740px;
  border-collapse:collapse;
  color:#e7e8e9;
  font-size:13px;
}
#crp27 th,#crp27 td{
  padding:13px 14px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:center;
  white-space:nowrap;
}
#crp27 th:first-child,#crp27 td:first-child{
  position:sticky;
  left:0;
  z-index:2;
  min-width:210px;
  background:#181a1c;
  text-align:left;
  font-weight:800;
}
#crp27 thead th{
  background:#26292c;
  font-weight:900;
}
#crp27 tbody tr:last-child td{border-bottom:0}
#crp27 th:last-child,#crp27 td:last-child{border-right:0}
#crp27 .cr-note{
  margin:12px 0 0;
  color:#8f9499;
  font-size:12px;
}

/* GEOMETRY HIGHLIGHTS */
#crp27 .cr-geo-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:30px;
}
#crp27 .cr-geo-card{
  padding:20px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.04);
}
#crp27 .cr-geo-card b{
  display:block;
  margin-bottom:5px;
  color:var(--platinum);
  font-size:22px;
}
#crp27 .cr-geo-card span{color:#b3b7bb;font-size:13px}

/* VERDICT */
#crp27 .cr-verdict{
  position:relative;
  overflow:hidden;
  padding:clamp(30px,6vw,65px);
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 20%,rgba(216,218,221,.2),transparent 25%),
    linear-gradient(135deg,#25282b,#101214);
}
#crp27 .cr-verdict:after{
  content:"2027";
  position:absolute;
  right:-15px;
  bottom:-58px;
  color:rgba(255,255,255,.045);
  font-size:clamp(100px,22vw,270px);
  font-weight:900;
  line-height:1;
}
#crp27 .cr-verdict-content{position:relative;z-index:2;max-width:820px}
#crp27 .cr-verdict h2{
  margin:0 0 16px;
  font-size:clamp(32px,5vw,62px);
  line-height:1;
  letter-spacing:-2px;
}
#crp27 .cr-verdict p{
  margin:0;
  color:#c9ccd0;
  font-size:17px;
}
#crp27 .cr-verdict strong{color:#fff}

/* PRODUCTS */
#crp27 .cr-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
#crp27 .cr-product{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:#151719;
  transition:.25s;
}
#crp27 .cr-product:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.35);
  box-shadow:0 22px 45px rgba(0,0,0,.35);
}
#crp27 .cr-product-image{
  display:block;
  width:100%;
  height:310px;
  padding:18px;
  background:#f2f2ef;
}
#crp27 .cr-product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
#crp27 .cr-product-body{padding:20px}
#crp27 .cr-product-color{
  margin-bottom:6px;
  color:#9ca1a6;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
#crp27 .cr-product h3{
  margin:0 0 7px;
  font-size:19px;
  line-height:1.25;
}
#crp27 .cr-product-sku{color:#8d9297;font-size:12px}
#crp27 .cr-price{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:17px 0;
}
#crp27 .cr-price-new{font-size:25px;font-weight:900}
#crp27 .cr-price-old{
  color:#858a8e;
  font-size:14px;
  text-decoration:line-through;
}
#crp27 .cr-buy{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:10px;
  background:var(--platinum);
  color:#111;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
}
#crp27 .cr-buy:hover{background:#fff}
#crp27 .cr-footer-note{
  padding:30px 0 55px;
  color:#74797e;
  font-size:11px;
  text-align:center;
}

@media(max-width:900px){
  #crp27 .cr-improvements{grid-template-columns:repeat(2,1fr)}
  #crp27 .cr-products{grid-template-columns:1fr}
  #crp27 .cr-product{display:grid;grid-template-columns:1fr 1fr}
  #crp27 .cr-product-image{height:280px}
  #crp27 .cr-geo-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  #crp27 .cr-container{width:min(100% - 24px,1240px)}
  #crp27 .cr-hero{padding-top:34px}
  #crp27 h1{letter-spacing:-1.8px}
  #crp27 .cr-colors{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    margin-top:25px;
  }
  #crp27 .cr-color{
    padding:10px 5px;
    border-radius:10px;
    text-align:center;
  }
  #crp27 .cr-color-top{
    flex-direction:column;
    gap:4px;
  }
  #crp27 .cr-dot{width:15px;height:15px;flex-basis:15px}
  #crp27 .cr-color-name{
    width:100%;
    font-size:9px;
    letter-spacing:-.2px;
  }
  #crp27 .cr-color-sku{
    margin:3px 0 0;
    font-size:9px;
  }
  #crp27 .cr-stage{height:390px}
  #crp27 .cr-main-image{padding:10px}
  #crp27 .cr-arrow{width:40px;height:40px;font-size:22px}
  #crp27 .cr-prev{left:8px}
  #crp27 .cr-next{right:8px}
  #crp27 .cr-gallery-counter{top:10px;right:10px}
  #crp27 .cr-thumb{flex-basis:74px;width:74px;height:58px}
  #crp27 .cr-selected{
    grid-template-columns:1fr;
    margin-bottom:45px;
    padding:20px;
  }
  #crp27 .cr-selected-meta{
    padding:18px 0 0;
    border-top:1px solid var(--line);
    border-left:0;
  }
  #crp27 .cr-section{padding:50px 0}
  #crp27 .cr-copy-grid{grid-template-columns:1fr}
  #crp27 .cr-improvements{grid-template-columns:1fr}
  #crp27 .cr-improve{min-height:auto}
  #crp27 .cr-compare{
    border-radius:13px;
    overflow-x:auto;
  }
  #crp27 .cr-compare-row{min-width:650px}
  #crp27 .cr-geo-cards{grid-template-columns:1fr 1fr}
  #crp27 .cr-product{display:block}
  #crp27 .cr-product-image{height:285px}
}
@media(max-width:420px){
  #crp27 .cr-stage{height:330px}
  #crp27 .cr-color-name{font-size:8px}
  #crp27 .cr-color-sku{font-size:8px}
  #crp27 .cr-geo-cards{grid-template-columns:1fr}
}
</style>

<div class="cr-container">

  <header class="cr-hero">
    <div class="cr-kicker">CUBE Reaction Pro — новое поколение</div>
    <h1>Велосипед Cube Reaction Pro <span class="cr-year">(2027)</span></h1>
    <p class="cr-lead">
      Сравниваем CUBE Reaction Pro 2026 и 2027 годов:
      новую вилку RockShox Recon, трансмиссию Shimano XT M8200,
      современные сквозные оси и обновлённую геометрию рамы.
    </p>

    <div class="cr-colors" role="tablist" aria-label="Выбор цвета">
      <button class="cr-color active" type="button" data-color="platinum"
        style="--dot:linear-gradient(135deg,#e5e6e7 0 50%,#161719 50%);--accent:#d8dadd">
        <span class="cr-color-top">
          <span class="cr-dot"></span>
          <span class="cr-color-name">platinum´n´black</span>
        </span>
        <span class="cr-color-sku">1141200</span>
      </button>

      <button class="cr-color" type="button" data-color="emerald"
        style="--dot:linear-gradient(135deg,#16715b 0 50%,#1451a3 50%);--accent:#29a584">
        <span class="cr-color-top">
          <span class="cr-dot"></span>
          <span class="cr-color-name">emerald´n´blue</span>
        </span>
        <span class="cr-color-sku">1141210</span>
      </button>

      <button class="cr-color" type="button" data-color="fuchsia"
        style="--dot:linear-gradient(135deg,#e12a8b 0 50%,#171719 50%);--accent:#e12a8b">
        <span class="cr-color-top">
          <span class="cr-dot"></span>
          <span class="cr-color-name">fuchsia´n´black</span>
        </span>
        <span class="cr-color-sku">1141220</span>
      </button>
    </div>

    <div class="cr-gallery">
      <div class="cr-stage">
        <img class="cr-main-image" id="crMainImage"
          src="https://optim.tildacdn.com/stor6531-3535-4264-b763-613131373837/-/format/webp/92d8f265815999c44e0693e039e8f295.jpg.webp"
          alt="Cube Reaction Pro 2027 platinum´n´black">
        <div class="cr-gallery-counter" id="crCounter">1 / 10</div>
        <button class="cr-arrow cr-prev" id="crPrev" type="button" aria-label="Предыдущее фото">‹</button>
        <button class="cr-arrow cr-next" id="crNext" type="button" aria-label="Следующее фото">›</button>
      </div>
      <div class="cr-thumbs" id="crThumbs"></div>
    </div>

    <div class="cr-selected" id="crSelected">
      <div>
        <h2 id="crSelectedTitle">Cube Reaction Pro platinum´n´black</h2>
        <p id="crSelectedText">
          Сдержанное сочетание платинового оттенка и чёрных деталей подчёркивает
          технологичный характер Reaction Pro. Универсальный вариант для спорта,
          тренировок и ежедневных поездок.
        </p>
      </div>
      <div class="cr-selected-meta">
        <span class="cr-meta-label">Цвет</span>
        <strong class="cr-meta-value" id="crSelectedColor">platinum´n´black</strong>
        <span class="cr-meta-label">Артикул</span>
        <strong class="cr-meta-value" id="crSelectedSku">1141200</strong>
        <a class="cr-model-link" id="crSelectedLink"
          href="https://russiacube.ru/cube2027/tproduct/2931145801-682683861573-velosiped-cube-reaction-pro-platinumnbla"
          target="_blank" rel="noopener">Открыть товар</a>
      </div>
    </div>
  </header>

  <section class="cr-section">
    <h2 class="cr-section-title">Reaction Pro 2027: эволюция спортивного хардтейла</h2>
    <p class="cr-section-intro">
      CUBE сохранил узнаваемую алюминиевую платформу Reaction Pro, но обновил
      наиболее важные узлы. Версия 2027 года получила более серьёзную вилку,
      новую трансмиссию XT, современные колёса со сквозными осями и пересмотренную геометрию.
    </p>

    <div class="cr-copy-grid">
      <article class="cr-copy">
        <h3>Cube Reaction Pro 2026</h3>
        <p>
          Модель 2026 года — лёгкий и быстрый алюминиевый хардтейл весом
          <strong>13,6 кг</strong>. Он оснащён вилкой RockShox Judy Silver TK Air,
          трансмиссией Shimano XT M8100 и колёсами с эксцентриковыми осями QR.
          Это практичная конфигурация для фитнеса, марафонов и лесных маршрутов.
        </p>
      </article>

      <article class="cr-copy">
        <h3>Cube Reaction Pro 2027</h3>
        <p>
          Версия 2027 года стала технологичнее: установлены
          <strong>RockShox Recon Silver RL Air</strong>,
          переключатель <strong>Shimano XT M8200</strong>,
          интегрированная прокладка тросов и колёса Boost
          <strong>15×110 / 12×148 мм</strong>.
        </p>
      </article>
    </div>
  </section>

  <section class="cr-section">
    <h2 class="cr-section-title">Что улучшилось в 2027 году</h2>
    <p class="cr-section-intro">
      Главные изменения направлены на повышение жёсткости, точности управления,
      контроля на трассе и готовности велосипеда к более интенсивной эксплуатации.
    </p>

    <div class="cr-improvements">
      <article class="cr-improve">
        <div class="cr-improve-num">01</div>
        <h3>Вилка RockShox Recon</h3>
        <p>
          Recon Silver RL жёстче и увереннее Judy Silver.
          <span class="cr-plus">Лучше контроль при торможении и на неровностях.</span>
        </p>
      </article>

      <article class="cr-improve">
        <div class="cr-improve-num">02</div>
        <h3>Новое поколение Shimano XT</h3>
        <p>
          XT RD-M8200 сменил M8100. Манетка SL-M8200-IR получила прямое крепление
          для более аккуратного и эргономичного кокпита.
        </p>
      </article>

      <article class="cr-improve">
        <div class="cr-improve-num">03</div>
        <h3>Сквозные оси Boost</h3>
        <p>
          Вместо QR применены оси 15×110 и 12×148 мм.
          <span class="cr-plus">Колёса фиксируются точнее, конструкция становится жёстче.</span>
        </p>
      </article>

      <article class="cr-improve">
        <div class="cr-improve-num">04</div>
        <h3>Разные покрышки спереди и сзади</h3>
        <p>
          Racing Ray спереди отвечает за сцепление и управление,
          Racing Ralph сзади — за быстрый накат.
        </p>
      </article>

      <article class="cr-improve">
        <div class="cr-improve-num">05</div>
        <h3>Подседельный штырь 30,9 мм</h3>
        <p>
          Диаметр увеличен с 27,2 до 30,9 мм. Это повышает жёсткость и расширяет
          выбор совместимых регулируемых подседельных штырей.
        </p>
      </article>

      <article class="cr-improve">
        <div class="cr-improve-num">06</div>
        <h3>Обновлённая геометрия</h3>
        <p>
          Рулевая стала немного положе, подседельная труба — круче,
          а колёсная база увеличилась. Велосипед стабильнее на скорости.
        </p>
      </article>
    </div>
  </section>

  <section class="cr-section">
    <h2 class="cr-section-title">Сравнение характеристик 2026 и 2027</h2>
    <p class="cr-section-intro">
      Новая модель немного тяжелее, однако дополнительные 400 граммов объясняются
      более серьёзной вилкой, колёсами со сквозными осями и усиленной современной комплектацией.
    </p>

    <div class="cr-compare">
      <div class="cr-compare-row cr-compare-head">
        <div>Компонент</div><div>Reaction Pro 2026</div><div>Reaction Pro 2027</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Рама</div>
        <div class="cr-compare-old">Aluminium Lite, AMF, Double Butted</div>
        <div class="cr-compare-new">Aluminium Lite, AMF, Double Butted</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Вилка</div>
        <div class="cr-compare-old">RockShox Judy Silver TK Air, 100 мм</div>
        <div class="cr-compare-new">RockShox Recon Silver RL Air, 100 мм <span class="cr-badge">NEW</span></div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Переключатель</div>
        <div class="cr-compare-old">Shimano XT RD-M8100-SGS</div>
        <div class="cr-compare-new">Shimano XT RD-M8200-SGS <span class="cr-badge">NEW</span></div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Манетка</div>
        <div class="cr-compare-old">Shimano XT SL-M8100</div>
        <div class="cr-compare-new">Shimano XT SL-M8200-IR, Direct Attach</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Система</div>
        <div class="cr-compare-old">Shimano FC-MT511, 32T</div>
        <div class="cr-compare-new">ACID MTB Pro, 32T</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Кассета</div>
        <div class="cr-compare-old">Shimano Deore CS-M6100, 10–51T</div>
        <div class="cr-compare-new">Shimano Deore CS-M6100, 10–51T</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Тормоза</div>
        <div class="cr-compare-old">Shimano BR-MT410, 180/160 мм</div>
        <div class="cr-compare-new">Shimano BR-MT410, 180/160 мм</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Колёса и оси</div>
        <div class="cr-compare-old">ACID EX25, QR, Centerlock</div>
        <div class="cr-compare-new">ACID EX25, 15×110 / 12×148 мм <span class="cr-badge">BOOST</span></div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Покрышки</div>
        <div class="cr-compare-old">Racing Ralph 2.25 спереди и сзади</div>
        <div class="cr-compare-new">Racing Ray 2.25 / Racing Ralph 2.25</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Рулевая</div>
        <div class="cr-compare-old">CUBE FPH868, Semi-Integrated</div>
        <div class="cr-compare-new">Acros AIF-557, ICR</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Подседельный штырь</div>
        <div class="cr-compare-old">27,2 мм</div>
        <div class="cr-compare-new">30,9 мм</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Вес</div>
        <div class="cr-compare-old">13,6 кг</div>
        <div class="cr-compare-new">14,0 кг</div>
      </div>
      <div class="cr-compare-row">
        <div class="cr-compare-label">Размеры</div>
        <div class="cr-compare-old">XS, S, M, L, XL, XXL</div>
        <div class="cr-compare-new">XS, S, M, L, XL</div>
      </div>
    </div>
  </section>

  <section class="cr-section">
    <h2 class="cr-section-title">Как изменилась геометрия рамы</h2>
    <p class="cr-section-intro">
      Геометрия Reaction Pro 2027 стала более современной. Изменения небольшие
      в абсолютных цифрах, но вместе они делают посадку увереннее,
      а поведение велосипеда — стабильнее на спусках и высокой скорости.
    </p>

    <div class="cr-geo-cards">
      <div class="cr-geo-card">
        <b>68,2°</b>
        <span>Угол рулевой стал на 0,3° положе — больше стабильности.</span>
      </div>
      <div class="cr-geo-card">
        <b>74°</b>
        <span>Единый крутой подседельный угол — эффективнее педалирование.</span>
      </div>
      <div class="cr-geo-card">
        <b>+8–13 мм</b>
        <span>Увеличение колёсной базы в сопоставимых размерах.</span>
      </div>
      <div class="cr-geo-card">
        <b>до +11 мм</b>
        <span>Увеличение Reach в старших размерах для уверенной посадки.</span>
      </div>
    </div>

    <h3 class="cr-table-title">Геометрия Cube Reaction Pro 2026</h3>
    <div class="cr-table-wrap">
      <table>
        <thead>
          <tr><th>Параметр, мм</th><th>XS</th><th>S</th><th>M</th><th>L</th><th>XL</th><th>XXL</th></tr>
        </thead>
        <tbody>
          <tr><td>Подседельная труба</td><td>340</td><td>370</td><td>420</td><td>470</td><td>515</td><td>560</td></tr>
          <tr><td>Верхняя труба</td><td>555</td><td>575</td><td>595</td><td>615</td><td>635</td><td>655</td></tr>
          <tr><td>Подседельный угол</td><td>74°</td><td>73,5°</td><td>73,5°</td><td>73,5°</td><td>73,5°</td><td>73,5°</td></tr>
          <tr><td>Угол рулевой</td><td>68,5°</td><td>68,5°</td><td>68,5°</td><td>68,5°</td><td>68,5°</td><td>68,5°</td></tr>
          <tr><td>Нижние перья</td><td>427</td><td>427</td><td>450</td><td>450</td><td>450</td><td>450</td></tr>
          <tr><td>Рулевая труба</td><td>108</td><td>111</td><td>111</td><td>122</td><td>142</td><td>157</td></tr>
          <tr><td>Колёсная база</td><td>1068</td><td>1082</td><td>1125</td><td>1146</td><td>1168</td><td>1190</td></tr>
          <tr><td>Перепад каретки</td><td>52</td><td>52</td><td>65</td><td>65</td><td>65</td><td>65</td></tr>
          <tr><td>Высота рамы</td><td>707</td><td>720</td><td>759</td><td>792</td><td>824</td><td>858</td></tr>
          <tr><td>Reach</td><td>384</td><td>398</td><td>409</td><td>426</td><td>441</td><td>457</td></tr>
          <tr><td>Stack</td><td>595</td><td>598</td><td>627</td><td>637</td><td>656</td><td>670</td></tr>
          <tr><td>Длина выноса</td><td>50</td><td>50</td><td>60</td><td>60</td><td>70</td><td>70</td></tr>
          <tr><td>Ширина руля</td><td>680</td><td>680</td><td>720</td><td>720</td><td>720</td><td>720</td></tr>
          <tr><td>Длина шатунов</td><td>170</td><td>175</td><td>175</td><td>175</td><td>175</td><td>175</td></tr>
          <tr><td>Диаметр подседельного штыря</td><td>27,2</td><td>27,2</td><td>27,2</td><td>27,2</td><td>27,2</td><td>27,2</td></tr>
        </tbody>
      </table>
    </div>

    <h3 class="cr-table-title">Геометрия Cube Reaction Pro 2027</h3>
    <div class="cr-table-wrap">
      <table>
        <thead>
          <tr><th>Параметр, мм</th><th>XS</th><th>S</th><th>M</th><th>L</th><th>XL</th></tr>
        </thead>
        <tbody>
          <tr><td>Подседельная труба</td><td>340</td><td>375</td><td>430</td><td>485</td><td>535</td></tr>
          <tr><td>Верхняя труба</td><td>555</td><td>576</td><td>598</td><td>619</td><td>640</td></tr>
          <tr><td>Подседельный угол</td><td>74°</td><td>74°</td><td>74°</td><td>74°</td><td>74°</td></tr>
          <tr><td>Угол рулевой</td><td>68,2°</td><td>68,2°</td><td>68,2°</td><td>68,2°</td><td>68,2°</td></tr>
          <tr><td>Нижние перья</td><td>437</td><td>437</td><td>452</td><td>452</td><td>452</td></tr>
          <tr><td>Рулевая труба</td><td>112</td><td>128</td><td>112</td><td>127</td><td>142</td></tr>
          <tr><td>Колёсная база</td><td>1076</td><td>1090</td><td>1136</td><td>1158</td><td>1181</td></tr>
          <tr><td>Перепад каретки</td><td>52</td><td>52</td><td>65</td><td>65</td><td>65</td></tr>
          <tr><td>Высота рамы</td><td>703</td><td>727</td><td>771</td><td>809</td><td>843</td></tr>
          <tr><td>Reach</td><td>383</td><td>400</td><td>417</td><td>434</td><td>452</td></tr>
          <tr><td>Stack</td><td>601</td><td>616</td><td>630</td><td>644</td><td>658</td></tr>
          <tr><td>Длина выноса</td><td>50</td><td>50</td><td>60</td><td>60</td><td>70</td></tr>
          <tr><td>Ширина руля</td><td>680</td><td>680</td><td>720</td><td>720</td><td>720</td></tr>
          <tr><td>Длина шатунов</td><td>165</td><td>170</td><td>170</td><td>175</td><td>175</td></tr>
          <tr><td>Длина подседельного штыря</td><td>350</td><td>350</td><td>400</td><td>430</td><td>430</td></tr>
          <tr><td>Диаметр подседельного штыря</td><td>30,9</td><td>30,9</td><td>30,9</td><td>30,9</td><td>30,9</td></tr>
          <tr><td>Максимальный диаметр колеса</td><td>717</td><td>717</td><td>756</td><td>756</td><td>756</td></tr>
          <tr><td>Максимальная ширина покрышки</td><td>63</td><td>63</td><td>63</td><td>63</td><td>63</td></tr>
        </tbody>
      </table>
    </div>

    <p class="cr-note">
      XS и S рассчитаны на колёса 27,5 дюйма; M, L и XL — на колёса 29 дюймов.
      Значения геометрии приведены по данным производителя.
    </p>
  </section>

  <section class="cr-section">
    <div class="cr-verdict">
      <div class="cr-verdict-content">
        <h2>Вывод: выбор в пользу Reaction Pro 2027</h2>
        <p>
          Reaction Pro 2026 остаётся быстрым и сравнительно лёгким хардтейлом.
          Однако модель <strong>2027 года заметно перспективнее</strong>:
          вилка Recon, трансмиссия Shimano XT M8200, сквозные оси Boost,
          интегрированная рулевая и обновлённая геометрия формируют более современную платформу.
          Если важны точность управления, жёсткость колёс, стабильность и запас для дальнейшего
          апгрейда, оптимальным выбором становится <strong>CUBE Reaction Pro 2027</strong>.
        </p>
      </div>
    </div>
  </section>

  <section class="cr-section">
    <h2 class="cr-section-title">Выберите свой Cube Reaction Pro 2027</h2>
    <p class="cr-section-intro">
      Три фирменных цветовых решения. Нажмите на карточку или кнопку,
      чтобы открыть страницу товара в новом окне.
    </p>

    <div class="cr-products">

      <article class="cr-product">
        <a class="cr-product-image"
          href="https://russiacube.ru/cube2027/tproduct/2931145801-682683861573-velosiped-cube-reaction-pro-platinumnbla"
          target="_blank" rel="noopener">
          <img loading="lazy"
            src="https://optim.tildacdn.com/stor3938-3737-4138-b562-333932393538/-/format/webp/e3342db68d87342f02e241ece3f67f62.jpg.webp"
            alt="Cube Reaction Pro platinum´n´black">
        </a>
        <div class="cr-product-body">
          <div class="cr-product-color">platinum´n´black</div>
          <h3>Cube Reaction Pro 2027</h3>
          <div class="cr-product-sku">Артикул: 1141200</div>
          <div class="cr-price">
            <span class="cr-price-new">155 500 ₽</span>
            <span class="cr-price-old">159 000 ₽</span>
          </div>
          <a class="cr-buy"
            href="https://russiacube.ru/cube2027/tproduct/2931145801-682683861573-velosiped-cube-reaction-pro-platinumnbla"
            target="_blank" rel="noopener">Смотреть велосипед</a>
        </div>
      </article>

      <article class="cr-product">
        <a class="cr-product-image"
          href="https://russiacube.ru/cube2027/tproduct/2931145801-926157603933-velosiped-cube-reaction-pro-emeraldnblue"
          target="_blank" rel="noopener">
          <img loading="lazy"
            src="https://optim.tildacdn.com/stor6130-3338-4934-a533-363365363434/-/format/webp/8b05bdde7304da9c64c59390e35cac95.jpg.webp"
            alt="Cube Reaction Pro emerald´n´blue">
        </a>
        <div class="cr-product-body">
          <div class="cr-product-color">emerald´n´blue</div>
          <h3>Cube Reaction Pro 2027</h3>
          <div class="cr-product-sku">Артикул: 1141210</div>
          <div class="cr-price">
            <span class="cr-price-new">155 500 ₽</span>
            <span class="cr-price-old">159 000 ₽</span>
          </div>
          <a class="cr-buy"
            href="https://russiacube.ru/cube2027/tproduct/2931145801-926157603933-velosiped-cube-reaction-pro-emeraldnblue"
            target="_blank" rel="noopener">Смотреть велосипед</a>
        </div>
      </article>

      <article class="cr-product">
        <a class="cr-product-image"
          href="https://russiacube.ru/cube2027/tproduct/2931145801-816288625323-velosiped-cube-reaction-pro-fuchsianblac"
          target="_blank" rel="noopener">
          <img loading="lazy"
            src="https://optim.tildacdn.com/stor3063-3438-4230-b433-383162333038/-/format/webp/4218d7eb4ebb5644c18c35f4b03a369f.jpg.webp"
            alt="Cube Reaction Pro fuchsia´n´black">
        </a>
        <div class="cr-product-body">
          <div class="cr-product-color">fuchsia´n´black</div>
          <h3>Cube Reaction Pro 2027</h3>
          <div class="cr-product-sku">Артикул: 1141220</div>
          <div class="cr-price">
            <span class="cr-price-new">155 500 ₽</span>
            <span class="cr-price-old">159 000 ₽</span>
          </div>
          <a class="cr-buy"
            href="https://russiacube.ru/cube2027/tproduct/2931145801-816288625323-velosiped-cube-reaction-pro-fuchsianblac"
            target="_blank" rel="noopener">Смотреть велосипед</a>
        </div>
      </article>

    </div>
  </section>

  <div class="cr-footer-note">
    Характеристики, комплектация, цена и оттенки велосипеда могут быть изменены производителем.
  </div>

</div>

<script>
(function(){
  var models={
    platinum:{
      name:"platinum´n´black",
      sku:"1141200",
      accent:"#d8dadd",
      buttonText:"#111",
      text:"Сдержанное сочетание платинового оттенка и чёрных деталей подчёркивает технологичный характер Reaction Pro. Универсальный вариант для спорта, тренировок и ежедневных поездок.",
      link:"https://russiacube.ru/cube2027/tproduct/2931145801-682683861573-velosiped-cube-reaction-pro-platinumnbla",
      images:[
        "https://optim.tildacdn.com/stor6531-3535-4264-b763-613131373837/-/format/webp/92d8f265815999c44e0693e039e8f295.jpg.webp",
        "https://optim.tildacdn.com/stor3938-3737-4138-b562-333932393538/-/format/webp/e3342db68d87342f02e241ece3f67f62.jpg.webp",
        "https://optim.tildacdn.com/stor6332-3533-4365-b535-656638633638/-/format/webp/ba65818035a4ce61176319834e3aaa14.jpg.webp",
        "https://optim.tildacdn.com/stor3235-6462-4361-b563-376638613462/-/format/webp/00f5a144abd345fba783bf87f3975b28.jpg.webp",
        "https://optim.tildacdn.com/stor3861-6163-4161-b439-373833343830/-/format/webp/eb68492296082281e9f0d8e1d60aa4e9.jpg.webp",
        "https://optim.tildacdn.com/stor6133-3961-4030-b531-616532366130/-/format/webp/5f2bae322ecd44923df2e15e5db949a6.jpg.webp",
        "https://optim.tildacdn.com/stor6334-6263-4433-a530-656533626336/-/format/webp/93630c2e84d730fcd61632d383168b68.jpg.webp",
        "https://optim.tildacdn.com/stor3730-3431-4165-b161-633266346637/-/format/webp/660fa89caa784565f31e571dc3e56784.jpg.webp",
        "https://optim.tildacdn.com/stor3934-3866-4164-b232-343439346262/-/format/webp/959dacb2aeccc739e61815151893eae5.jpg.webp",
        "https://optim.tildacdn.com/stor6165-3031-4831-b436-623939383330/-/format/webp/7bae6c09dbf1dca88c8b61b1fe6c6797.jpg.webp"
      ]
    },
    emerald:{
      name:"emerald´n´blue",
      sku:"1141210",
      accent:"#29a584",
      buttonText:"#fff",
      text:"Глубокий изумрудный цвет с синими акцентами создаёт спортивный и выразительный образ. Такой Reaction Pro хорошо заметен на трассе и сохраняет премиальный фирменный стиль CUBE.",
      link:"https://russiacube.ru/cube2027/tproduct/2931145801-926157603933-velosiped-cube-reaction-pro-emeraldnblue",
      images:[
        "https://optim.tildacdn.com/stor6539-6362-4935-b336-383734393161/-/format/webp/c841304daade7ea6e5b6040cfaa27606.jpg.webp",
        "https://optim.tildacdn.com/stor6130-3338-4934-a533-363365363434/-/format/webp/8b05bdde7304da9c64c59390e35cac95.jpg.webp",
        "https://optim.tildacdn.com/stor3036-6266-4537-a431-313735383063/-/format/webp/8395caf07f7e00cb7becac62babb056d.jpg.webp",
        "https://optim.tildacdn.com/stor3534-3536-4237-b363-346435663637/-/format/webp/32037b545a885642fbaedb6bb54f5981.jpg.webp",
        "https://optim.tildacdn.com/stor3462-6133-4331-b437-383832636238/-/format/webp/240af40e4660ac6e0a87462b00d42eb0.jpg.webp",
        "https://optim.tildacdn.com/stor3963-3165-4936-b566-316236303139/-/format/webp/ff65a83027ea5a4bdc19c93b6942638d.jpg.webp",
        "https://optim.tildacdn.com/stor3538-3638-4338-b262-636530383665/-/format/webp/32e43f14a47b6dfe5c2b25b9d2cbed63.jpg.webp",
        "https://optim.tildacdn.com/stor3239-3366-4434-b635-643363663131/-/format/webp/ef97fe12100923e270f13a7c1057f835.jpg.webp",
        "https://optim.tildacdn.com/stor6237-3664-4832-b261-383931663565/-/format/webp/aa747bca3dde4fa30b78c9b103e27fba.jpg.webp",
        "https://optim.tildacdn.com/stor6365-6536-4337-a436-623736343762/-/format/webp/d816af9210d0d5f74e889f3826d5fcca.jpg.webp"
      ]
    },
    fuchsia:{
      name:"fuchsia´n´black",
      sku:"1141220",
      accent:"#e12a8b",
      buttonText:"#fff",
      text:"Яркий оттенок фуксии в сочетании с чёрными компонентами делает велосипед максимально выразительным. Цвет для тех, кто хочет подчеркнуть динамичный характер модели и индивидуальный стиль.",
      link:"https://russiacube.ru/cube2027/tproduct/2931145801-816288625323-velosiped-cube-reaction-pro-fuchsianblac",
      images:[
        "https://optim.tildacdn.com/stor6664-6262-4564-a635-366335623439/-/format/webp/46a3094636fd8361bbea91068f20be4e.jpg.webp",
        "https://optim.tildacdn.com/stor3063-3438-4230-b433-383162333038/-/format/webp/4218d7eb4ebb5644c18c35f4b03a369f.jpg.webp",
        "https://optim.tildacdn.com/stor3537-6365-4263-b738-323864383532/-/format/webp/dbfcc09f727461b8dc8ecb412babbedd.jpg.webp",
        "https://optim.tildacdn.com/stor3231-3232-4832-b833-663630326666/-/format/webp/1fcc7fda3c58b20c7e51c4d802500b2b.jpg.webp",
        "https://optim.tildacdn.com/stor6130-6134-4134-b837-636334313064/-/format/webp/e0942ce6e023860ca2cef18fb49f59c0.jpg.webp",
        "https://optim.tildacdn.com/stor3065-3636-4733-b764-623765663235/-/format/webp/2780066f27459e1a18e9932f78508d8c.jpg.webp",
        "https://optim.tildacdn.com/stor3333-3538-4665-b466-313363363332/-/format/webp/666967959a1a5e0b4e79ea63cceaeeb5.jpg.webp",
        "https://optim.tildacdn.com/stor6564-3565-4264-a463-333732373333/-/format/webp/4b0843715acbfa0d4b535891e259b4d5.jpg.webp",
        "https://optim.tildacdn.com/stor3939-3834-4335-b936-356338383634/-/format/webp/614faa9a3f874411a3a9039d416ff014.jpg.webp",
        "https://optim.tildacdn.com/stor3631-6432-4333-a533-353263366537/-/format/webp/8c31c1b53ea59a13834576d75e93c2d6.jpg.webp"
      ]
    }
  };

  var root=document.getElementById("crp27");
  if(!root)return;

  var currentColor="platinum";
  var currentIndex=0;
  var main=root.querySelector("#crMainImage");
  var thumbs=root.querySelector("#crThumbs");
  var counter=root.querySelector("#crCounter");
  var title=root.querySelector("#crSelectedTitle");
  var text=root.querySelector("#crSelectedText");
  var colorValue=root.querySelector("#crSelectedColor");
  var sku=root.querySelector("#crSelectedSku");
  var link=root.querySelector("#crSelectedLink");

  function showImage(index){
    var model=models[currentColor];
    currentIndex=(index+model.images.length)%model.images.length;
    main.style.opacity=".25";

    var preloader=new Image();
    preloader.onload=function(){
      main.src=model.images[currentIndex];
      main.alt="Cube Reaction Pro 2027 "+model.name+", фото "+(currentIndex+1);
      main.style.opacity="1";
    };
    preloader.src=model.images[currentIndex];

    counter.textContent=(currentIndex+1)+" / "+model.images.length;

    var buttons=thumbs.querySelectorAll(".cr-thumb");
    buttons.forEach(function(btn,i){
      btn.classList.toggle("active",i===currentIndex);
    });

    if(buttons[currentIndex]){
      buttons[currentIndex].scrollIntoView({
        behavior:"smooth",
        block:"nearest",
        inline:"center"
      });
    }
  }

  function renderThumbs(){
    var model=models[currentColor];
    thumbs.innerHTML="";

    model.images.forEach(function(src,index){
      var button=document.createElement("button");
      button.type="button";
      button.className="cr-thumb"+(index===0?" active":"");
      button.setAttribute("aria-label","Открыть фото "+(index+1));

      var image=document.createElement("img");
      image.src=src;
      image.loading="lazy";
      image.alt=model.name+" — миниатюра "+(index+1);

      button.appendChild(image);
      button.addEventListener("click",function(){
        showImage(index);
      });
      thumbs.appendChild(button);
    });
  }

  function selectColor(color){
    currentColor=color;
    currentIndex=0;
    var model=models[color];

    root.style.setProperty("--accent",model.accent);
    root.style.setProperty("--button-text",model.buttonText);

    root.querySelectorAll(".cr-color").forEach(function(button){
      button.classList.toggle("active",button.dataset.color===color);
    });

    title.textContent="Cube Reaction Pro "+model.name;
    text.textContent=model.text;
    colorValue.textContent=model.name;
    sku.textContent=model.sku;
    link.href=model.link;

    renderThumbs();
    showImage(0);
  }

  root.querySelectorAll(".cr-color").forEach(function(button){
    button.addEventListener("click",function(){
      selectColor(this.dataset.color);
    });
  });

  root.querySelector("#crPrev").addEventListener("click",function(){
    showImage(currentIndex-1);
  });

  root.querySelector("#crNext").addEventListener("click",function(){
    showImage(currentIndex+1);
  });

  root.addEventListener("keydown",function(event){
    if(event.key==="ArrowLeft")showImage(currentIndex-1);
    if(event.key==="ArrowRight")showImage(currentIndex+1);
  });

  renderThumbs();
  showImage(0);
})();
</script>

</section>
<!-- CUBE REACTION PRO 2027 — END -->
</div>]]></turbo:content>
    </item>
  </channel>
</rss>
