/* ============================================================
   DESKTOP · Figma «Frame 13» (2013:5787) · 1440 × 5781
   Все координаты — абсолютные, как в макете.
   ============================================================ */

/* ------------------------------------------------------------
   БЛОК 1 · Шапка + Первый экран      (Figma y 0 … 658)
   ------------------------------------------------------------ */

/* Rectangle 96 (2013:5791) — отзеркален по горизонтали,
   поэтому left = x − width, а угол градиента 360° − 217.934°  */
.d-glow{
  --dl:-548.957px; --dw:1850.104px;
  position:absolute; top:-0.144px; height:1700.048px;
  /* Стопы заданы в пикселях от геометрии макета и сдвигаются вместе с ростом
     слоя влево (--over). Поэтому на широком экране градиент не растягивается,
     а продолжается тем же цветом — шва на границе макета нет.
     Длина оси: 1850.104·sin142.066° + 1700.048·|cos142.066°| = 2478.24 px,
     значит 9.2615 % = 229.51 px, 49.136 % = 1217.61 px.                     */
  background:linear-gradient(142.066deg,
              rgba(27,160,255,.97) calc( 229.510px + var(--over) * 0.614779),
              rgba(27,160,255,0)   calc(1217.610px + var(--over) * 0.614779));
  pointer-events:none;
}

/* water-splash-dark-background 1 (2013:5792) — слой отражён по обеим осям,
   поэтому берём готовый экспорт из Figma (уже обрезан кадром: 922×1700)
   и кладём его в (0,0). Режим наложения — plus-lighter, как в макете.      */
.d-splash{
  --dl:0px; --dw:921.990px;
  position:absolute; top:0; height:1699.904px;
  /* Слой растягивается по горизонтали на всю ширину экрана.
     Зеркальную копию и продолжение крайним столбцом заказчик отклонил:
     зеркало давало заметную симметричную «галочку» на стыке, а столбец —
     горизонтальные полосы. Растяжение просит сам заказчик.
     object-fit:fill — снимок занимает всю коробку fb-l, то есть
     [0 − --over … 921.99]. По вертикали размер не меняется.          */
  object-fit:fill;
  mix-blend-mode:plus-lighter;
  pointer-events:none;
}

/* --- Логотип · Group 89 (2013:6054) --- */
.d-logo__mark{ position:absolute; left: 79.859px; top:78.415px; width: 57.864px; height:57.867px; }
.d-logo__text{ position:absolute; left:151.723px; top:90.781px; width:207.767px; height:30.712px; }

/* --- Три фото сапог · Group 487 (2013:6109) --- */
.d-shot{ position:absolute; }
.d-shot--1 { left: 543.759px; top:133.514px; width:439.002px; height:495.062px; }
.d-shot--1b{ left: 452.002px; top:235.636px; width:289.553px; height:422.026px; }
.d-shot--2s{ left: 812.094px; top:133.514px; width:418.246px; height:495.061px; }
.d-shot--2 { left: 816.425px; top:133.514px; width:418.245px; height:495.062px; }
.d-shot--3s{ left:1065.667px; top:133.514px; width:418.245px; height:495.061px; }
.d-shot--3 { left:1069.978px; top:133.514px; width:418.245px; height:495.062px; }

/* --- «Купить сапоги здесь!» (2013:5870) --- */
.d-kicker{
  position:absolute; left:81.584px; top:200.605px; width:993.286px;
  font-weight:700; font-size:20px; line-height:24.380px; color:#fff;
}

/* --- Заголовок «Комфорт / без компромиссов» (2013:5869) --- */
.d-title{
  position:absolute; left:81.584px; top:230.533px; width:612.766px;
  font-style:italic; font-weight:800; text-transform:uppercase;
  color:#fff; line-height:0; letter-spacing:0;
  text-shadow:0 4px 0 rgba(0,0,0,.2);
}
/* Figma ставит первую базовую линию на расстоянии ascent (0.968em) от верха
   бокса, а CSS добавляет половину leading. Значения ниже подобраны так,
   чтобы обе базовые линии совпали с макетом:
   Figma: baseline1 = 77.44, baseline2 = 123.02                            */
.d-title .ln1{ font-size:80px; line-height:97.520px; }
.d-title .ln2{ font-size:38px; line-height:23.760px; }

/* --- Подзаголовок (2013:5794) --- */
.d-lead{
  position:absolute; left:81.584px; top:379.422px; width:552.440px;
  font-weight:700; font-size:20px; line-height:24.380px; color:#fff;
}

/* --- Кнопка «Выбрать свой размер» · Group 383 (2013:5859) --- */
.d-btn{
  position:absolute; left:76.352px; top:516.885px;
  width:341.805px; height:36.931px; display:block;
}
.d-btn__bg{                       /* SVG шире рамки: тень, inset −2.76% / −43.05% */
  position:absolute; left:-9.434px; top:-15.899px;
  width:360.674px; height:68.730px;
}
.d-btn__label{
  position:absolute; left:5.806px; top:5.749px; width:330.193px;
  font-weight:600; font-size:22px; line-height:26.818px;
  text-transform:uppercase; text-align:center;
  background:linear-gradient(90deg,#121212 0%,#135788 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* ------------------------------------------------------------
   БЛОК 2 · Сценарии использования + текст + КУПИТЬ
   Group 528 (2013:5805) · y 706 … 1414
   ------------------------------------------------------------ */

/* Карточка галереи: бокс 323.266×238.905, внутри слой со своим inset —
   ровно так, как слои сложены в Figma.                                  */
.d-gl{ position:absolute; width:323.266px; height:238.905px; }
.d-gl > span{ position:absolute; display:block; }
.d-gl > span > img{ width:100%; height:100%; }
.d-gl--sh   > span{ inset:0 1.41%; }                        /* фигурная рамка   */
.d-gl--full > span{ inset:0; }                              /* рамка без отступа */
.d-gl--ph   > span{ inset:-1.26% 0.18% -2.09% 0.18%; }      /* фото             */

/* нижний ряд */
.gp-mush-a{ left:543.484px; top: 970.237px; }
.gp-mush-p{ left:543.484px; top: 970.747px; }
.gp-mush-b{ left:543.484px; top: 970.747px; }
.gp-gard-a{ left:277.779px; top: 970.237px; }
.gp-gard-p{ left:277.779px; top: 970.747px; }
.gp-gard-b{ left:277.779px; top: 970.747px; }
.gp-buil-p{ left:804.897px; top: 970.238px; }
.gp-buil-s{ left:804.897px; top: 970.238px; }
/* верхний ряд */
.gp-fish-p{ left:541.608px; top: 706.836px; }
.gp-fish-s{ left:541.608px; top: 706.835px; }
.gp-rain-p{ left:802.918px; top: 706.836px; }
.gp-rain-s{ left:802.918px; top: 706.836px; }
.gp-atv-p { left:279.758px; top: 706.836px; }
.gp-atv-s { left:279.758px; top: 706.836px; }

/* Подписи · Montserrat Medium 16, line-height Figma = 16 × 1.13655 */
.d-gcap{
  position:absolute; margin:0;
  font-weight:500; font-size:16px; line-height:19.504px;
  color:#fff; text-align:center; text-transform:uppercase;
}
.d-gcap--v{ display:flex; flex-direction:column; justify-content:center; line-height:0; }
.d-gcap--v > p{ margin:0; line-height:19.504px; }
.d-gcap--13{ line-height:20.800px; }                        /* leading 1.3 */
.d-gcap--v.d-gcap--13 > p{ line-height:20.800px; }

.gc-mush{ left:559.529px; top:1181.643px; width:209.284px; height:23.038px; }
.gc-gard{ left:313.806px; top:1185.590px; width:169.933px; height:13.752px; }
.gc-buil{ left:809.671px; top:1182.685px; width:232.142px; height:15.730px; }
.gc-fish{ left:552.604px; top: 919.229px; width:225.220px; height:13.752px; }
.gc-rain{ left:821.807px; top: 898.511px; width:217.793px; height:32.549px; }
.gc-atv { left:294.157px; top: 908.148px; width:224.029px; height:20.473px; }

/* --- «Сезон слякоти…» (2013:5872) --- */
.d-season{
  position:absolute; left:338.795px; top:1222.076px;
  width:762.411px; height:139.253px;
  display:flex; flex-direction:column; justify-content:center;
  font-weight:500; font-size:0; line-height:0;
  color:#fff; text-align:center;
  text-shadow:0 0 3px #15184b;
}
.d-season p{ margin:0; white-space:pre-wrap; }
.d-season .s1{ font-weight:700; font-size:22px; line-height:26.956px; }
.d-season .s2{ font-size:20px; line-height:24.380px; }
.d-season .s3{ font-size:16px; line-height:25.600px; }
.d-season .s4{ font-size:16px; line-height:19.200px; }
.d-season .s5{ font-weight:900; font-size:16px; line-height:19.200px; }

/* --- Кнопка «Купить» · Group 526 (2013:5863) --- */
.d-buy{
  position:absolute; left:630px; top:1376.740px;
  width:180.005px; height:36.931px; display:block;
}
.d-buy__bg{ position:absolute; inset:-43.05% -5.24%; display:block; }
.d-buy__bg img{ width:100%; height:100%; }
.d-buy__label{
  position:absolute; left:0.003px; top:6.340px; width:179.855px;
  font-weight:600; font-size:22px; line-height:26.818px;
  text-transform:uppercase; text-align:center;
  background:linear-gradient(90deg,#121212 0%,#135788 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* ------------------------------------------------------------
   БЛОК 3 · «Наше решение: Технология комфорта»
   Frame 17 (2025:2752) · y 1472 … 2498
   ------------------------------------------------------------ */

/* Фото-подложка · High-impact poster (2025:2763) */
.d-tech-poster{
  position:absolute; left:-216.599px; width:1656.599px;
  top:1660.131px; height:832.370px; pointer-events:none;
}
/* Снимок стоит в своих макетных пикселях и не тянется: сапог нельзя
   ни искажать, ни отражать. На экранах шире макета по бокам остаётся
   фон страницы, поэтому края снимка гасим полосками #121212 — их
   ширина равна нулю на 1440 px и растёт вместе с --over до 160 px,
   так что сам макет не меняется ни на пиксель.                       */
.d-tech-poster img{ display:block; width:100%; height:100%; }
.d-tech-poster::before,
.d-tech-poster::after{
  content:''; position:absolute; top:0; height:100%;
  width:min(var(--over), 160px); pointer-events:none;
}
.d-tech-poster::before{ left:0;  background:linear-gradient( 90deg, #121212 0%, rgba(18,18,18,0) 100%); }
.d-tech-poster::after { right:0; background:linear-gradient(270deg, #121212 0%, rgba(18,18,18,0) 100%); }

/* Затемняющие полосы · Rectangle 152 / 158 / 148 (2025:3219 / 3224 / 3223).
   У 152 и 148 в макете поворот 180°, поэтому градиент идёт снизу вверх.  */
.d-tech-v1{
  --dl:-0.920px; --dw:1427.174px;
  position:absolute; top:1594.526px; height:69.379px; pointer-events:none;
  background:linear-gradient(0deg, #121212 0%, rgba(0,0,0,0) 100%);
}
.d-tech-v2{
  --dl:-43.737px; --dw:1498.923px;
  position:absolute; top:1660.131px; height:69.379px; pointer-events:none;
  background:linear-gradient(180deg, #121212 0%, rgba(0,0,0,0) 100%);
}
.d-tech-v3{
  --dl:-46.863px; --dw:1498.923px;
  position:absolute; top:2428.292px; height:69.379px; pointer-events:none;
  background:linear-gradient(0deg, #121212 0%, rgba(0,0,0,0) 100%);
}

/* Увеличенный фрагмент · 2025:2800 */
.d-tz{ position:absolute; width:167px; height:167px; border:1px solid #fff; border-radius:20px; }
.d-tz > span{ position:absolute; inset:0; display:block; overflow:hidden; border-radius:20px; pointer-events:none; }
.d-tz > span > img{ position:absolute; }
.d-tz--2{ left: 131.067px; top:2140.993px; }
.d-tz--2 > span > img{ left:-100.99%; top:-240.09%; width:358.53%; height:480.18%; }

/* Шильдик «SILVER protection» · Навеска сапог копия-01 1 (2025:3230).
   Снимок выгружен вместе с тенью, поэтому ставим его по render-bounds. */
.d-tech-badge{
  position:absolute; left:886.209px; top:1636.789px;
  width:269.049px; height:265.904px;
  z-index:2; pointer-events:none;
}
.d-tech-badge img{ display:block; width:100%; height:100%; }

/* Вводный текст · 2025:3221 */
.d-tech-intro{
  position:absolute; left:304.665px; top:1472.472px;
  width:830.669px; height:90.255px;
  font-weight:500; font-size:0; line-height:0;
  color:#fff; text-align:center; text-shadow:0 4px 4px rgba(0,0,0,.35);
  white-space:pre-wrap;
}
.d-tech-intro .l16{ font-size:16px; line-height:19.504px; }
.d-tech-intro .l25{ font-weight:700; font-size:25px; }
.d-tech-intro .l25 .a{ line-height:50.000px; }
.d-tech-intro .l25 .b{ line-height:30.475px; }

/* Заголовок · 2025:3222 (низ бокса на y = 1629.215) */
.d-tech-h2{
  position:absolute; left:80.037px; top:1596.032px;
  width:1279.927px; height:33.183px;
  display:flex; flex-direction:column; justify-content:flex-end;
  font-weight:800; font-size:40px; color:#fff;
  text-align:center; text-shadow:0 4px 4px rgba(0,0,0,.35);
}
.d-tech-h2 p{ line-height:48.000px; }

/* Выноски */
.d-tf{
  position:absolute;
  font-weight:700; font-size:0; line-height:0; color:#fff;
  white-space:pre-wrap;
}
.d-tf .t{ font-size:25px; line-height:30.475px; }
.d-tf .d{ font-weight:500; font-size:14px; }
.d-tf .l2 { line-height:28.000px; }
.d-tf .l12{ line-height:16.800px; }
.d-tf .l13{ line-height:18.200px; }
.d-tf .l15{ line-height:21.000px; }

.d-tf--water{ left:262.133px; top:1685.815px; width:306.904px; height:173.458px;
              text-shadow:0 0 4px rgba(19,87,136,0); }
.d-tf--dry  { left:991.071px; top:1846.703px; width:310.298px; height:232.345px; text-align:right;
              text-shadow:0 0 10px #000, 0 0 3px #000; }
.d-tf--flex { left:131.067px; top:1870.693px; width:314.618px; height:117.437px; }
.d-tf--grip { left:757.471px; top:2114.202px; width:543.899px; height:102px; text-align:right; }

/* «Шпоры на сапогах» · 2025:2806 */
.d-tf-spur{
  position:absolute; left:129.716px; top:2066.132px;
  width:427.487px; height:132.434px;
  font-weight:700; font-size:0; line-height:0; color:#fff;
  text-shadow:0 0 12.3px #000, 0 0 12.3px #000, 0 0 12.3px #000, 0 0 12.3px #000;
}
.d-tf-spur .t   { font-size:30px; line-height:36.570px; }
.d-tf-spur .br20{ font-size:20px; line-height:24.380px; }
.d-tf-spur .d   { font-weight:500; font-size:14px; line-height:28.000px; }

/* Линии-указатели и точки */
.d-tl{ position:absolute; pointer-events:none; }
.d-tl > span{ position:absolute; display:block; }
.d-tl > span > img{ width:100%; height:100%; }
.d-tl--46 { left:264.928px; top:1719.735px; width:412.790px; height:182.018px; }
.d-tl--46  > span{ inset:-0.2747% -0.1049% -0.1373% 0; }
.d-tl--50 { left:132.294px; top:1901.865px; width:459.292px; height:200.508px; }
.d-tl--50  > span{ inset:-0.2506% -0.0943% -0.1247% -0.0009%; }
.d-tl--51 { left:133.016px; top:2107.909px; width:429.474px; height:  9px; }
.d-tl--51  > span{ inset:-6.6310% -0.1055% -2.8068% 0; }
.d-tl--459{ left:820.204px; top:1879.214px; width:477.023px; height:130.441px; }
.d-tl--459 > span{ inset:-0.2067% 0 -0.3833% -0.0883%; }
.d-tl--513{ left:789.415px; top:2216.202px; width:511.955px; height: 88.977px; }
.d-tl--513 > span{ inset:-0.5619% 0 -0.3971% -0.0691%; }

.d-dot{ position:absolute; width:15.591px; height:15.591px; }
.d-dot--1{ left:557.257px; top:2114.202px; }
.d-dot--2{ left:587.950px; top:2101.144px; }
.d-dot--3{ left:673.427px; top:1900.641px; }
.d-dot--4{ left:808.073px; top:1865.495px; }
.d-dot--5{ left:777.190px; top:2302.542px; }

/* Подписи выше линий-указателей.
   В макете тёмное свечение подписей перекрывает линию — за счёт этого
   линия не «прилипает» к тексту, а начинается сразу за ним.            */
.d-tech-intro, .d-tech-h2, .d-tf, .d-tf-spur{ z-index:1; }

/* ------------------------------------------------------------
   БЛОК 4 · Список причин 01–06
   Group 512 (2013:6070) · y 2565 … 3485
   ------------------------------------------------------------ */

/* Подложки */
.d-rect98{                                  /* Rectangle 98 (2013:5799) */
  --dl:-47.085px; --dw:1489.326px;
  position:absolute; top:2755.235px; height:1278.349px; pointer-events:none;
}
.d-splash3{                                 /* water-splash-dark-background 3 (2013:5871)
                                               PNG — рендер самого слоя Figma: температурный
                                               фильтр и прозрачность 34 % уже внутри файла   */
  --dl:-1192.963px; --dw:2788.666px;
  position:absolute; top:2704.447px; height:1610.421px;
  mix-blend-mode:plus-lighter;
  pointer-events:none;
}
/* размер брызг фиксирован в пикселях макета: центр слоя при росте
   на --over не смещается, поэтому картинка стоит там же, где в макете */
.d-splash3 img{
  position:absolute; left:50%; top:0;
  width:2788.666px; height:1610.421px;
  transform:translateX(-50%);
}

/* Маркеры-«ступеньки» слева · Group 460 (2013:6071) */
.d-nb{ position:absolute; left:425.602px; width:20px; }
.d-nb--1{ top:2564.954px; height:174.607px; }
.d-nb--2{ top:2739.561px; height:174.714px; }
.d-nb--3{ top:2914.275px; height:158.571px; }
.d-nb--4{ top:3072.846px; height:160.765px; }
.d-nb--5{ top:3233.611px; height:156.924px; }
.d-nb--6{ top:3390.535px; height: 94.692px; }

/* Номера */
.d-num{
  position:absolute; width:130.181px;
  display:flex; flex-direction:column; justify-content:center;
  font-weight:700; font-size:65px; line-height:0; color:#fff;
}
.d-num p{ line-height:79.235px; }          /* 65 × 1.13655 */

/* Тексты пунктов */
.d-ntx{
  position:absolute;
  display:flex; flex-direction:column; justify-content:center;
  font-weight:500; font-size:0; line-height:0; color:#fff;
}
.d-ntx p{ white-space:pre-wrap; }
.d-ntx .h  { font-weight:700; font-size:20px; line-height:24.380px; }
.d-ntx .h22{ font-weight:700; font-size:22px; line-height:26.818px; }
.d-ntx .br { font-size:20px; line-height:24.380px; }
.d-ntx .a  { font-size:14px; line-height:22.400px; }
.d-ntx .b  { font-size:14px; line-height:17.066px; }

.n1-num{ left:330.142px; top:2568.730px; height: 45.360px; }
.n1-txt{ left:460.320px; top:2564.953px; width:649.535px; height:131.334px; }
.n2-num{ left:330.142px; top:2739.560px; height: 45.701px; }
.n2-txt{ left:460.320px; top:2739.560px; width:649.535px; height:128.941px; }
.n3-num{ left:330.142px; top:2914.274px; height: 46.292px; }
.n3-txt{ left:460.320px; top:2911.771px; width:649.535px; height:117.798px; }
.n4-num{ left:330.142px; top:3072.846px; height: 46.768px; }
.n4-txt{ left:460.320px; top:3072.844px; width:649.535px; height:117.493px; }
.n5-num{ left:330.756px; top:3233.615px; height: 46.550px; }
.n5-txt{ left:460.940px; top:3233.615px; width:648.307px; height:113.651px; }
.n6-num{ left:330.142px; top:3390.531px; height: 46.818px; }
.n6-txt{ left:460.320px; top:3390.534px; width:649.535px; height: 94.692px; }

/* ------------------------------------------------------------
   БЛОК 5 · Отзывы + CTA + скидка
   Group 533 (2013:6032) · Group 515 (2013:6241) · Group 298 (2013:6051)
   ------------------------------------------------------------ */

/* Подложка */
.d-rect115{                                 /* Rectangle 115 (2013:5798) — чёрная полоса-градиент
                                               ось градиента 0.1307 … 0.9479 высоты бокса   */
  --dl:-351.148px; --dw:2396.341px;
  position:absolute; top:3937.628px; height:586.557px; pointer-events:none;
  background:linear-gradient(180deg,
              rgba(0,0,0,0) 13.222%,
              rgba(0,0,0,1) 55.107%,
              rgba(0,0,0,0) 94.790%);
}

/* Отзывы · слайдер (Group 533 в кадре + Group 532 за кадром = 6 карточек)
   Ряд шире кадра: слева и справа карточки обрезаются, как в макете.
   Прокрутка внутри блока: свайп, перетаскивание мышью, автопрокрутка. */
/* Лента отзывов обрезается краем ОКНА, а не рамкой макета:
   слой лежит рядом со .stage-content и растёт в обе стороны на --over.  */
.d-rev{
  position:absolute; top:3623.315px; height:297.658px;
  left:  calc(0px    -     var(--over));
  width: calc(1440px + 2 * var(--over));
  overflow-x:auto; overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:none; -ms-overflow-style:none;
}
.d-rev::-webkit-scrollbar{ display:none; }
.d-rev.is-drag{ cursor:grabbing; user-select:none; }
/* ширину трека и left каждого периода проставляет js/main.js */
.d-rev__track{ position:relative; width:2195.543px; height:100%; }
.d-rev__seq  { position:absolute; top:0; left:0; width:2195.543px; height:100%; }

.d-rev__card{
  position:absolute;
  border-radius:25px;
  /* заливка: линейный градиент, прозрачность слоя 35 %,
     ось градиента 1.07582 высоты бокса — позиции стопов пересчитаны */
  background:linear-gradient(180deg,
              rgba(67,117,152,.35)    0%,
              rgba(64,152,215,.35)   55.341%,
              rgba(5,22,34,.35)     107.582%);
  backdrop-filter:blur(13.9px); -webkit-backdrop-filter:blur(13.9px);
}
.d-rev__card::before{                       /* обводка 0.5 px внутрь, градиент белый → прозрачный */
  content:''; position:absolute; inset:0; border-radius:inherit; padding:0.5px;
  background:linear-gradient(180deg,#fff 0%, rgba(27,160,255,0) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}
.d-rev__ava{ position:absolute; display:block; object-fit:contain; }
.d-rev__txt{
  position:absolute; top:141.373px;
  color:#fff; text-align:center; white-space:pre-wrap;
}
.d-rev__txt .q{ font-weight:700; }
.d-rev__txt .n{ font-weight:400; }

.d-rev--egor{ left:    0.000px; top: 0.285px; width:316.024px; height:295.176px; }
.d-rev--rostov{ left:  365.570px; top: 0.285px; width:315.000px; height:295.176px; }
.d-rev--sergey{ left:  730.734px; top: 0.000px; width:315.000px; height:295.176px; }
.d-rev--andrey{ left: 1095.281px; top: 0.000px; width:316.024px; height:295.176px; }
.d-rev--anna{ left: 1460.852px; top: 0.000px; width:315.000px; height:295.176px; }
.d-rev--mihail{ left: 1830.996px; top: 0.285px; width:315.000px; height:297.373px; }

.d-rev--egor .d-rev__ava{ left:106.590px; top:17.925px; width:102.841px; height:102.841px; }
.d-rev--rostov .d-rev__ava{ left:106.078px; top:18.618px; width:102.841px; height:106.816px; }
.d-rev--sergey .d-rev__ava{ left:106.078px; top:18.618px; width:102.841px; height:106.816px; }
.d-rev--andrey .d-rev__ava{ left:106.590px; top:17.925px; width:102.841px; height:102.841px; }
.d-rev--anna .d-rev__ava{ left:106.078px; top:18.618px; width:102.841px; height:106.816px; }
.d-rev--mihail .d-rev__ava{ left:106.078px; top:18.618px; width:102.841px; height:106.816px; }

.d-rev--egor .d-rev__txt{ left:  8.926px; width:298.171px; font-size:10px; line-height:13.200px; }
.d-rev--rostov .d-rev__txt{ left: 21.949px; width:271.100px; font-size:14px; line-height:18.480px; }
.d-rev--sergey .d-rev__txt{ left: 29.699px; width:255.602px; font-size:14px; line-height:18.480px; }
.d-rev--andrey .d-rev__txt{ left:  8.926px; width:298.171px; font-size:14px; line-height:18.480px; }
.d-rev--anna .d-rev__txt{ left: 29.699px; width:255.602px; font-size:14px; line-height:18.480px; }
.d-rev--mihail .d-rev__txt{ left: 11.215px; width:292.567px; font-size:10px; line-height:13.200px; }

/* Кнопка «Заказать мои комфортные сапоги» · Group 515 (2013:6241) */
.d-order{
  position:absolute; left:425.485px; top:3966.078px;
  width:542.241px; height:43.356px; display:block;
}
.d-order__bg{                     /* SVG шире рамки: свечение #1BA0FF, радиус 15.9 */
  position:absolute; left:-9.305px; top:-12.635px;
  width:560.852px; height:68.626px; display:block;
}
.d-order__bg img{ width:100%; height:100%; }
.d-order__label{
  position:absolute; left:14.163px; top:8.563px; width:513.549px;
  font-weight:600; font-size:22px; line-height:26.818px;
  text-transform:uppercase; text-align:center;
  background:linear-gradient(90deg,#121212 0%,#135788 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* Скидка · Group 298 (2013:6051) */
.d-sale{
  position:absolute; left:83.992px; top:4036.295px; width:1284.262px;
  font-weight:800; font-size:35px; line-height:42.665px;
  color:#fff; text-align:center;
}
.d-sale2{
  position:absolute; left:283.191px; top:4141.926px; width:885.862px;
  font-weight:500; font-size:30px; line-height:36.000px;
  color:#fff; text-align:center; text-shadow:0 4px 4px rgba(0,0,0,.35);
}


/* ------------------------------------------------------------
   БЛОК 6 · «Как правильно определить размер обуви?»
   Group 306 (2013:5876) · Group 305 (2013:5879) · Group 404 (2013:6185)
   ------------------------------------------------------------ */

/* --- Синий фон низа страницы · Rectangle 116 (2025:2756) ------------
   Frame 17: слой сдвинулся вверх и стал выше. Повёрнут на 90°, поэтому
   угол и стопы сняты с рендера Figma линейной подгонкой альфы
   (макс. невязка 3.57/255): 323.419°, альфа 1 → 0 на −1479.264 … 964.623 px.
   Внутри кадра градиент доходит только до ~39 % — так и в макете.
   Стопы в пикселях, сдвиг при росте слоя = --over * |sin(угла)|.      */
.d-fglow{
  --dl:138.030px; --dw:1482.110px;
  position:absolute; top:3928.480px; height:1480.530px; pointer-events:none;
  background:linear-gradient(323.419deg,
              rgba(27,160,255,1) calc(-1479.264px + var(--over) * 0.595960),
              rgba(27,160,255,0) calc(  964.623px + var(--over) * 0.595960));
}

/* --- Брызги низа · water-splash-dark-background 4 (2025:2757) -------
   Слой повёрнут на 90°, берём готовый рендер Figma. Края чёрные, при
   plus-lighter они ничего не добавляют, расширять не нужно.           */
.d-fsplash{
  position:absolute; left:1033.860px; top:4559.920px;
  width:526.980px; height:912.540px;
  mix-blend-mode:plus-lighter; pointer-events:none;
}
.d-fsplash img{ display:block; width:100%; height:100%; }

/* тёмная вуаль под блоком · Rectangle 113 (2013:5790) */
.d-rect113{
  --dl:14.949px; --dw:1451.724px;
  position:absolute; top:4384.517px; height:1024.484px; pointer-events:none;
  background:linear-gradient(180deg,
              rgba(18,18,18,0)   0%,
              #121212           25.290%,
              #121212           66.300%,
              rgba(18,18,18,0) 100%);
}

/* фото сапога · 2013:6245, поверх всего, режим Lighten (как в макете) */
.d-szboot{ position:absolute; left:18.594px; top:4424.963px; width:569.716px; height:697.521px;
           mix-blend-mode:lighten; pointer-events:none; }
.d-szboot img{ display:block; width:100%; height:100%; }

/* заголовок · 2013:5877 (первые две строки — Medium, третья — ExtraBold) */
.d-sz-h{ position:absolute; left:83.504px; top:4276.276px; width:404.537px;
         font-size:35px; line-height:42.000px; color:#fff; }
.d-sz-h .a{ font-weight:500; }
.d-sz-h .b{ font-weight:800; }

/* подпись · 2013:5878 */
.d-sz-p{ position:absolute; left:83.504px; top:4417.812px; width:431.564px;
         font-weight:500; font-size:14px;
         line-height:16.800px; color:#fff; white-space:pre; }

/* рисунки «как мерить» · SVG-рендеры групп Figma */
.d-sz-fig{ position:absolute; display:block; }
.d-sz-fig.f1{ left:572.312px; top:4276.276px; width:271.000px; height:135.000px; }
.d-sz-fig.f2{ left:902.918px; top:4281.805px; width:200.000px; height:126.000px; }
.d-sz-fig.f3{ left:1163.070px; top:4289.106px; width:200.000px; height:118.000px; }
.d-sz-fig.r1{ left:631.969px; top:4473.987px; width:170.000px; height:90.000px; }
.d-sz-fig.r2{ left:916.121px; top:4473.987px; width:170.000px; height:90.000px; }
.d-sz-fig.r3{ left:1177.336px; top:4475.855px; width:163.000px; height:93.000px; }

/* подписи ВЕРНО / НЕВЕРНО */
.d-sz-lb{ position:absolute; display:flex; align-items:center; justify-content:center;
        font-weight:800; font-size:25px;
        line-height:30.000px; text-transform:uppercase;
        text-align:center; color:#fff; }
.d-sz-lb.l1{ left:622.453px; top:4406.114px; width:199.592px; height:83.249px; }
.d-sz-lb.l2{ left:902.918px; top:4406.996px; width:199.592px; height:81.127px; }
.d-sz-lb.l3{ left:1163.070px; top:4409.114px; width:199.592px; height:78.968px; color:#3bd480; }

/* таблица размеров · Group 404 (2013:6185) */
.d-tbl{ position:absolute; left:617.363px; top:4610.826px; width:770.233px; height:439.681px; }
.d-tbl__z{ position:absolute; left:0; width:740.382px; height:55.476px;
           background:rgba(19,87,136,.45); }
.d-tbl__z.z1{ top:117.686px; }
.d-tbl__z.z2{ top:228.399px; }
.d-tbl__z.z3{ top:339.113px; }
.d-tbl__c{ position:absolute; display:flex; align-items:center; justify-content:center;
           text-align:center; color:#fff; }
.d-tbl__h{ top:0; height:52.184px; font-weight:700; font-size:20px; line-height:24.000px; }
.d-tbl__d{ height:34.947px; font-weight:500; font-size:18px; line-height:21.600px; }
/* колонки шапки */
.d-tbl .h1{ left:0.000px; width:173.231px; }
.d-tbl .h2{ left:154.477px; width:186.198px; }
.d-tbl .h3{ left:335.254px; width:186.198px; }
.d-tbl .h4{ left:485.559px; width:186.198px; }
.d-tbl .h5{ left:584.035px; width:186.198px; }
/* колонки данных (первый столбец в чётных строках сдвинут — так в макете) */
.d-tbl .c1{ left:56.902px; width:59.425px; }
.d-tbl .c2{ left:154.004px; width:174.750px; }
.d-tbl .c3{ left:328.754px; width:190.432px; }
.d-tbl .c4{ left:519.188px; width:105.298px; }
.d-tbl .c5{ left:624.484px; width:105.298px; }
.d-tbl .rb.c1{ left:57.855px; }
/* строки */
.d-tbl .r1{ top:72.476px; }
.d-tbl .r2{ top:127.951px; }
.d-tbl .r3{ top:183.308px; }
.d-tbl .r4{ top:238.664px; }
.d-tbl .r5{ top:294.021px; }
.d-tbl .r6{ top:349.377px; }
.d-tbl .r7{ top:404.734px; }


/* ------------------------------------------------------------
   БЛОК 7 · Витрина Finboot + «Идеальный подарок» + подвал
   Group 519 (2013:6135)
   ------------------------------------------------------------ */

/* --- «Идеальный подарок!» · 2025:3175 / 2025:3174 ------------------
   В Frame 17 блок переехал вправо, картинка-коробка убрана.          */
.d-gift-h{
  position:absolute; left:615.590px; top:5189.710px; width:633.180px;
  font-weight:700; font-size:40px; line-height:44.000px; color:#fff;
}
.d-gift-p{
  position:absolute; left:615.590px; top:5249.890px; width:742.380px;
  font-weight:500; font-size:14px; line-height:17.066px; color:#fff;
  white-space:pre;
}

/* ------------------------------------------------------------
   Баннеры Finboot · Frame 17, y 5390 … 7483
   Общая схема слоя (снизу вверх): фото на всю ширину, верхняя вуаль,
   боковое затемнение, снимок сапог, заголовок, свечение, кнопка.
   ------------------------------------------------------------ */
.d-bn-bg{
  position:absolute; pointer-events:none;
  object-fit:cover;                 /* фото, а не текстура: масштаб без искажения */
  object-position:50% 50%;
}
.d-bn-top{                          /* Rectangle 150 · вуаль сверху, слой 74 % */
  position:absolute; pointer-events:none;
  background:linear-gradient(180deg, rgba(18,18,18,.74) 0%, rgba(0,0,0,0) 100%);
}
.d-bn-shade{                        /* Rectangle 155 · затемнение под текстом */
  position:absolute; pointer-events:none;
}
.d-bn-boots{ position:absolute; display:block; }
.d-bn-title{
  position:absolute; color:#fff;
  font-weight:900; font-size:80px; line-height:97.520px;
  text-transform:uppercase;
}
.d-bn-glow{                         /* Group 386 · свечение под кнопкой */
  position:absolute; mix-blend-mode:screen; pointer-events:none;
}
.d-bn-glow img{ display:block; width:100%; height:100%; }
.d-bn-btn{
  position:absolute; display:block;
  border-radius:11px; background:#fff;
  transform:rotate(-0.567deg);      /* в макете −0.0099 рад */
  box-shadow:0 0 8px rgba(27,160,255,1), 0 0 9px rgba(0,0,0,.82);
}
.d-bn-btn span{
  position:absolute; display:block;
  font-weight:600; font-size:25px; line-height:30.475px;
  text-transform:uppercase; text-align:center;
  background:linear-gradient(90deg,#121212 0%,#135788 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* --- Баннер 1 · Finboot Grey (2025:3108 …) --- */
.d-bn-bg.b1   { --dl:0px; --dw:1440.230px; top:5390.780px; height:707.640px; }
.d-bn-top.b1  { --dl:-24.570px; --dw:1469.910px; top:5390.780px; height:90.550px; }
.d-bn-shade.b1{
  --dl:-22.310px; --dw:543.880px; top:5390.780px; height:706.720px;
  /* горизонтальный градиент «влево»: стопы отмеряются от правого края,
     а он при росте слоя не двигается — значит сдвигать их не нужно.   */
  background:linear-gradient(270deg, rgba(0,0,0,0) 67.510px, rgba(0,0,0,.86) 514.180px);
}
.d-bn-boots.b1{ left: 55.000px; top:5409.000px; width:536.110px; height:643.330px; }
.d-bn-title.b1{ left:488.330px; top:5499.580px; width:656.650px; }
.d-bn-glow.b1 { left:189.630px; top:5787.300px; width:898.280px; height:53.660px; }
.d-bn-btn.b1  { left:486.320px; top:5786.390px; width:286.960px; height:47.920px; }
.d-bn-btn.b1 span{ left:7.180px; top:8.490px; width:272.600px; }

/* --- Подвал · Group 514 (2013:6136).
   В макете здесь Gilroy-Medium; свободной лицензии на него нет,
   поэтому берём Montserrat Medium — ближайшую доступную гарнитуру. */
.d-foot-l{
  position:absolute; left:64.290px; top:8390.620px; width:254.627px;
  font-weight:500; font-size:12px; line-height:14.560px; color:#fff;
  white-space:pre;                /* Montserrat шире Gilroy — переносы держим сами */
}
.d-foot-r{
  position:absolute; left:1002.380px; top:8404.990px; width:355.583px;
  font-weight:500; font-size:12px; line-height:14.560px; color:#fff;
  text-align:right; white-space:pre;
}
/* В макете это текст Gilroy-BlackItalic 50px; свободной лицензии на
   Gilroy нет, поэтому берём SVG-рендер самой надписи из Figma.
   Холст SVG (213x44) совпадает с боксом текста, привязка — верх-лево. */
.d-foot-logo{ position:absolute; left:614.470px; top:8383.420px; width:213px; height:44px; display:block; }
.d-foot-logo img{ display:block; width:100%; height:100%; }


/* --- Баннер 2 · Finboot BLACK (зеркальная раскладка) --- */
.d-bn-bg.b2   { --dl:0px; --dw:1440.230px; top:6097.500px; height:692.440px; }
.d-bn-top.b2  { --dl:-24.570px; --dw:1469.910px; top:6097.500px; height:99.020px; }
.d-bn-shade.b2{
  --dl:923.010px; --dw:543.880px; top:6098.420px; height:691.500px;
  /* градиент «вправо»: стопы от левого края, он при росте не двигается */
  background:linear-gradient(90deg, rgba(0,0,0,0) 8.020px, rgba(0,0,0,.86) 514.180px);
}
.d-bn-boots.b2{ left:906.830px; top:6126.660px; width:499.370px; height:631.440px; }
.d-bn-title.b2{ left:298.030px; top:6208.010px; width:656.650px; text-align:right; }
.d-bn-glow.b2 { left:374.050px; top:6495.810px; width:898.280px; height:53.660px; }
.d-bn-btn.b2  { left:674.360px; top:6494.740px; width:286.960px; height:47.920px; }
.d-bn-btn.b2 span{ left:7.180px; top:8.490px; width:272.600px; }

/* --- Баннер 3 · Finboot SAND (верхней вуали в макете нет) --- */
.d-bn-bg.b3   { --dl:0px; --dw:1440.150px; top:6789.920px; height:693.200px; }
.d-bn-shade.b3{
  --dl:0px; --dw:699.390px; top:6791.690px; height:691.500px;
  background:linear-gradient(270deg, rgba(0,0,0,0) 86.290px, rgba(0,0,0,.86) 685.550px);
}
.d-bn-boots.b3{ left: 58.330px; top:6860.170px; width:486.950px; height:584.340px; }
.d-bn-title.b3{ left:467.230px; top:6880.500px; width:656.650px; }
.d-bn-glow.b3 { left:168.530px; top:7168.210px; width:898.280px; height:53.660px; }
.d-bn-btn.b3  { left:465.230px; top:7167.300px; width:286.960px; height:47.920px; }
.d-bn-btn.b3 span{ left:7.180px; top:8.490px; width:272.600px; }

/* ------------------------------------------------------------
   Блок 4 · Большое фото + подвал · Frame 17, y 7514 … 8432
   ------------------------------------------------------------ */
.d-fphoto{                         /* 2025:3115 */
  --dl:-55.450px; --dw:1539.970px;
  position:absolute; top:7514.730px; height:859.520px;
  object-fit:cover; object-position:50% 50%; pointer-events:none;
}
.d-fphoto-top{                     /* Rectangle 151 · вуаль сверху */
  --dl:-14.960px; --dw:1469.910px;
  position:absolute; top:7514.730px; height:99.020px; pointer-events:none;
  background:linear-gradient(180deg, #121212 0%, rgba(0,0,0,0) 100%);
}
.d-fphoto-b{                       /* Rectangle 144 · повёрнут на 180° */
  --dl:0px; --dw:1440px;
  position:absolute; top:8260.410px; height:113.840px; pointer-events:none;
  background:linear-gradient(0deg, #121212 0%, rgba(0,0,0,0) 100%);
}

/* ------------------------------------------------------------
   БАЗОВЫЕ ЛИНИИ · компенсация модели Figma
   Figma: первая базовая линия = верх бокса + ascent (0.968em),
          каждая следующая = предыдущая + line-height своей строки.
   CSS:   строка центрируется в line-box (half-leading), поэтому на
          стыке двух прогонов с разной высотой строки появляется сдвиг.
   Ниже — сдвиг каждого прогона, измеренный по рендеру самого Figma.
   ------------------------------------------------------------ */
.d-season .s1,  .d-season .s3,  .d-season .s4a,
.d-season .s4,  .d-season .s5,
.d-tech-intro p, .d-tech-h2 p,
.d-tf .t, .d-tf .l2, .d-tf .l12, .d-tf .l13, .d-tf .l15, .d-tf .l15a,
.d-tf-spur .t, .d-tf-spur .d,
.d-ntx .h, .d-ntx .h22, .d-ntx .br, .d-ntx .a, .d-ntx .b, .d-ntx .b0{ position:relative; }

/* новые прогоны наследуют размеры своих «родных» классов */
.d-season .s4a{ font-size:16px; line-height:19.200px; }
.d-tf .l15a  { line-height:21.000px; }
.d-ntx .b0   { font-size:14px; line-height:17.066px; }

/* Блок 2 */
.d-season .s1               { top:  2.270px; }
.d-season .s3,
.d-season .s4a              { top:  3.180px; }
.d-season .s5,
.d-season .s4               { top: -0.780px; }

/* Блок 3 */
.d-tech-intro p:nth-of-type(1){ top:  1.390px; }
.d-tech-intro p:nth-of-type(2){ top:  0.840px; }
.d-tech-intro p:nth-of-type(3){ top: 13.180px; }
.d-tech-h2 p                  { top:  1.190px; }

.d-tf--water .t  { top: -0.310px; }
.d-tf--water .l2 { top:  2.560px; }
.d-tf--water .l15{ top:  0.070px; }

.d-tf--dry .t    { top:  0;       }
.d-tf--dry .l2,
.d-tf--dry .l15a { top:  2.140px; }
.d-tf--dry .l15  { top: -0.650px; }

.d-tf--flex .t   { top:  0.500px; }
.d-tf--flex .l2  { top:  2.180px; }
.d-tf--flex .l12 { top: -2.470px; }

.d-tf--grip .t   { top: -0.450px; }
.d-tf--grip .l2  { top:  2.990px; }
.d-tf--grip .l13 { top: -2.410px; }

.d-tf-spur .t    { top:  0.920px; }
.d-tf-spur .d    { top:  1.440px; }

/* Блок 4 */
.n1-txt .h, .n1-txt .br{ top: 1.990px; }  .n1-txt .a, .n1-txt .b0{ top: 2.270px; }  .n1-txt .b{ top:  0.340px; }
.n2-txt .h, .n2-txt .br{ top: 0.780px; }  .n2-txt .a             { top: 1.250px; }  .n2-txt .b{ top: -1.410px; }
.n3-txt .h22, .n3-txt .br{ top: 2.540px; }  .n3-txt .a, .n3-txt .b0{ top: 1.710px; }  .n3-txt .b{ top: -1.030px; }
.n4-txt .h, .n4-txt .br{ top: 1.410px; }  .n4-txt .a, .n4-txt .b0{ top: 2.240px; }  .n4-txt .b{ top: -0.230px; }
.n5-txt .h, .n5-txt .br{ top: 0.860px; }  .n5-txt .a, .n5-txt .b0{ top: 1.600px; }  .n5-txt .b{ top: -1.080px; }
.n6-txt .h, .n6-txt .br{ top: 0.810px; }  .n6-txt .a             { top: 1.250px; }  .n6-txt .b{ top: -1.330px; }

/* Блок 5 */
.d-rev__txt .q, .d-rev__txt .n{ position:relative; }
.d-rev--sergey .q{ top: -0.420px; }  .d-rev--sergey .n{ top: -2.580px; }
.d-rev--andrey .q{ top: -0.890px; }  .d-rev--andrey .n{ top: -3.160px; }
.d-rev--anna   .q{ top: -0.840px; }  .d-rev--anna   .n{ top: -3.070px; }
.d-rev--rostov .q{ top: -0.700px; }  .d-rev--rostov .n{ top: -2.900px; }
.d-rev--egor   .q{ top: -0.500px; }  .d-rev--egor   .n{ top: -2.100px; }
.d-rev--mihail .q{ top: -0.500px; }  .d-rev--mihail .n{ top: -2.100px; }
/* эти три — absolute, поэтому правим сам top, а не смещение */
.d-order__label{ top: calc(   8.563px + 0.780px); }
.d-sale        { top: calc(4036.295px + 1.240px); }
.d-sale2       { top: calc(4141.926px + 0.790px); }

/* Блок 6 */
.d-sz-h .a, .d-sz-h .b, .d-sz-p .a, .d-sz-p .b,
.d-sz-lb span, .d-tbl__c span{ position:relative; }
.d-sz-h .a{ top:  1.080px; }   .d-sz-h .b{ top:  0.620px; }
.d-sz-p .a{ top:  1.090px; }   .d-sz-p .b{ top:  2.060px; }
.d-sz-lb.l3 span{ top: -0.930px; }
.d-tbl__h span{ top: -0.290px; }
.d-tbl__d span{ top:  1.530px; }

/* Блок 7 */
.d-gift-p span, .d-bn-title span, .d-foot-l span, .d-foot-r span{ position:relative; }
.d-foot-l .l1{ top: 0.670px; }  .d-foot-l .l2{ top: 0.240px; }  .d-foot-l .l3{ top: 1.250px; }
.d-foot-r .l1{ top: 0.510px; }  .d-foot-r .l2{ top: 1.500px; }

/* Заголовок первого экрана */
.d-title .ln1, .d-title .ln2{ position:relative; }
.d-title .ln1{ top: 0.530px; }
.d-title .ln2{ top: 1.350px; }