/* ============================================================
   MOBILE · Figma «Frame 16» (2013:6263) · 375 × 5782
   ============================================================ */

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

/* Rectangle 96 (2013:6266) — отзеркален: left = x − width,
   угол градиента 360° − 227.598°                              */
.m-glow{                                    /* Rectangle 96 (2013:6266) —
   PNG-рендер самого слоя Figma: у градиента здесь нестандартные ручки,
   аналитический пересчёт в CSS-градиент давал заметно более яркое пятно. */
  position:absolute;
  left:-1.394px; top:0;
  width:411.115px; height:502.329px;
  background:url("../assets/img/m-glow.webp") no-repeat 0 0 / 100% 100%;
  pointer-events:none;
}

/* water-splash-dark-background 1 (2013:6268) — отражён по обеим осям
   (= поворот на 180°); картинка растягивается на весь бокс (object-fit: fill). */
.m-splash{
  position:absolute;
  left:-37.246px; top:0;
  width:640.507px; height:1109.126px;
  mix-blend-mode:plus-lighter;                /* PNG — рендер слоя Figma, 54 % уже внутри */
  pointer-events:none;
}
.m-splash img{ width:100%; height:100%; object-fit:fill; }

/* --- Логотип · Group 89 (2013:6277) --- */
.m-logo__mark{ position:absolute; left: 69.704px; top:24.162px; width: 48.675px; height:48.678px; }
.m-logo__text{ position:absolute; left:130.523px; top:34.560px; width:174.774px; height:25.835px; }

/* --- Три фото сапог · Group 487 (2013:6325) --- */
.m-shot{ position:absolute; }
.m-shot--1 { left: 14.580px; top:87.600px; width:175.201px; height:197.317px; }
.m-shot--1b{ left: -4.030px; top:80.754px; width:216.159px; height:206.096px; }
.m-shot--2s{ left:116.390px; top:87.600px; width:166.911px; height:197.319px; }
.m-shot--2 { left:118.120px; top:87.600px; width:166.911px; height:197.320px; }
.m-shot--3s{ left:210.400px; top:87.600px; width:166.910px; height:197.319px; }
.m-shot--3 { left:212.120px; top:87.600px; width:166.910px; height:197.319px; }

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

/* --- Заголовок (2013:6275) --- */
.m-title{
  position:absolute; left:28.973px; top:311.415px; width:317.055px;
  font-style:italic; font-weight:800; text-transform:uppercase; text-align:center;
  color:#fff; line-height:0;
  text-shadow:0 4px 0 rgba(0,0,0,.2);
}
/* см. комментарий в desktop.css — компенсация half-leading.
   Figma: baseline1 = 53.24, baseline2 = 84.428                            */
.m-title .ln1{ font-size:55px; line-height:67.045px; }
.m-title .ln2{ font-size:26px; line-height:16.124px; }

/* --- Подзаголовок (2013:6270) --- */
.m-lead{
  position:absolute; left:28.973px; top:422.875px; width:317.055px;
  font-weight:700; font-size:14px; line-height:17.066px; color:#fff;
}

/* --- Кнопка «Выбрать свой размер» · Group 383 (2013:6271) --- */
.m-btn{
  position:absolute; left:23.020px; top:516.031px;
  width:328.961px; height:37.817px; display:block;
}
.m-btn__bg{                       /* inset −3% / −42.04% */
  position:absolute; left:-9.869px; top:-15.899px;
  width:348.699px; height:69.610px;
}
.m-btn__label{
  position:absolute; left:13.621px; top:7.749px; width:303.618px;
  font-weight:600; font-size:20px; line-height:24.380px;
  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 486 (2013:6298) · y 603 … 1245
   ------------------------------------------------------------ */

/* Декоративная фигура позади галереи · Rectangle 99 (2013:6296) */
.m-rect99{
  position:absolute; left:-59.137px; top:1038.720px;
  width:468.858px; height:167.781px; pointer-events:none;
}

.m-gl{ position:absolute; width:191.173px; height:141.284px; }
.m-gl > span{ position:absolute; display:block; }
.m-gl > span > img{ width:100%; height:100%; }
.m-gl--sh > span{ inset:0 2.39%; }
.m-gl--ph > span{ inset:-2.12% 0.3% -3.54% 0.3%; }

.mgp-mush-a{ left:  9.311px; top:933.781px; }
.mgp-mush-p{ left:  9.311px; top:934.082px; }
.mgp-mush-b{ left:  9.311px; top:934.082px; }
.mgp-buil-p{ left:174.514px; top:933.781px; }
.mgp-buil-s{ left:174.514px; top:933.781px; }
.mgp-gard-a{ left:174.515px; top:770.675px; }
.mgp-gard-p{ left:174.515px; top:770.976px; }
.mgp-gard-b{ left:174.515px; top:770.976px; }
.mgp-rain-p{ left:  9.311px; top:770.675px; }
.mgp-rain-s{ left:  9.311px; top:770.675px; }
.mgp-fish-p{ left:174.514px; top:603.514px; }
.mgp-fish-s{ left:174.514px; top:603.514px; }
.mgp-atv-p { left:  9.311px; top:603.514px; }
.mgp-atv-s { left:  9.311px; top:603.514px; }

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

.mgc-mush{ left: 21.274px; top:1045.712px; width:121.202px; height:33.984px; }
.mgc-buil{ left:177.338px; top:1056.712px; width:137.285px; height:15.948px; }
.mgc-gard{ left:184.020px; top: 887.606px; width:137.240px; height:24.547px; }
.mgc-rain{ left: 21.274px; top: 878.606px; width:137.381px; height:33.522px;
           text-shadow:0 43px 8.5px rgba(0,0,0,.39); }
.mgc-fish{ left:184.020px; top: 726.226px; width:131.729px; height:18.572px; }
.mgc-atv { left: 25.465px; top: 705.299px; width:136.005px; height:39.499px; }

/* --- «Сезон слякоти…» (2013:6350) --- */
.m-season{
  position:absolute; left:29.281px; top:1096.501px;
  width:316.438px; height:148.724px;
  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;
}
.m-season p{ margin:0; white-space:pre-wrap; }
.m-season .s1{ font-weight:700; font-size:14px; line-height:17.154px; }
.m-season .s2{ font-size:10px; line-height:12.190px; }
.m-season .s3{ font-size:10px; line-height:14.000px; }
.m-season .s4{ font-size:10px; line-height:12.190px; }
.m-season .s5{ font-weight:700; font-size:10px; line-height:12.190px; }

/* ------------------------------------------------------------
   БЛОК 3 · «Наше решение: Технология комфорта» · y 1277 … 2915
   ------------------------------------------------------------ */

/* water-splash-dark-background 3 (2013:6265) — отражён по обеим осям,
   режим наложения lighten, прозрачность 34%.                          */
.m-splash3{
  position:absolute; left:-219.188px; top:1410.616px;
  width:1061.666px; height:1861.162px;
  mix-blend-mode:lighten;                     /* PNG — рендер слоя Figma, 34 % уже внутри */
  pointer-events:none;
}
.m-splash3 img{ width:100%; height:100%; object-fit:fill; }

/* Большое фото · High-impact_ad_poster (2013:6267), режим Lighten.
   PNG — рендер слоя Figma (температурный фильтр внутри), обрезан по кадру. */
.m-tech-poster{
  position:absolute; left:-0.305px; top:2926.092px;
  width:376px; height:571px;
  mix-blend-mode:lighten; pointer-events:none;
}
.m-tech-poster img{ display:block; width:100%; height:100%; }

/* Затемнения над фото · Rectangle 100 (2013:6294) и Rectangle 86 (2013:6293) */
.m-rect100{ position:absolute; left:-38.961px; top:2863.943px; width:468.858px; height:159.721px; pointer-events:none; }
.m-rect86 { position:absolute; left:-61.523px; top:3448.641px; width:468.858px; height:153.023px; pointer-events:none; }

.m-rect98{ position:absolute; left:-59.137px; top:1277.739px; width:468.858px; height:117.635px; pointer-events:none; }
.m-rect97{ position:absolute; left:-84.900px; top:1311.814px; width:468.858px; height:259.337px; pointer-events:none; }

/* Вводный текст · 2013:6351 */
.m-tech-intro{
  position:absolute; left:31.635px; top:1277.461px;
  width:316.747px; height:131.784px;
  font-weight:500; font-size:0; line-height:0;
  color:#fff; text-align:center; text-shadow:0 1.607px 1.607px rgba(0,0,0,.35);
  white-space:pre-wrap;
}
.m-tech-intro .l12{ font-size:12px; line-height:14.062px; }
.m-tech-intro .l16{ font-weight:700; font-size:16px; }
.m-tech-intro .l16 .a{ line-height:32.000px; }
.m-tech-intro .l16 .b{ line-height:40.000px; }
.m-tech-intro .l16 .c{ line-height:19.504px; }

/* Заголовок · 2013:6352 */
.m-tech-h2{
  position:absolute; left:29.281px; top:1441.482px;
  width:316.747px; height:29.255px;
  display:flex; flex-direction:column; justify-content:flex-end;
  font-weight:700; font-style:italic; font-size:0; line-height:0;
  color:#fff; text-align:center; text-shadow:0 1.607px 1.607px rgba(0,0,0,.35);
  white-space:pre-wrap;
}
.m-tech-h2 .a  { font-style:normal; font-weight:500; font-size:12px; line-height:14.400px; }
.m-tech-h2 .brk{ font-size:16px; line-height:19.200px; }
.m-tech-h2 .b  { font-style:normal; font-weight:700; font-size:16px; line-height:19.200px; }

/* Карточки-выноски: фото + подпись */
.m-tf-img{
  position:absolute; border-radius:20px;
  box-shadow:0 0 7.6px 0 rgba(0,0,0,.35);
}
.m-tf-img > span{ position:absolute; inset:0; display:block; overflow:hidden; border-radius:20px; pointer-events:none; }
.m-tf-img > span > img{ position:absolute; }

.mti--water{ left:109.329px; top:1496.780px; width:156.343px; height:156.343px; }
.mti--water > span > img{ left:-137.17%; top: -83.83%; width:349.46%; height:468.03%; }
.mti--flex { left:109.329px; top:1795.390px; width:156.343px; height:156.343px; }
.mti--flex  > span > img{ left: -79.44%; top:-126.17%; width:503.66%; height:281.11%; }
.mti--spur { left:111.449px; top:2090.588px; width:167px; height:167px; }
.mti--spur  > span > img{ left:-100.99%; top:-240.09%; width:358.53%; height:480.18%; }
.mti--dry  { left:101.879px; top:2358.694px; width:167px; height:167px; }
.mti--dry   > span > img{ left:-125.86%; top:-113.42%; width:351.72%; height:471.05%; }
.mti--grip { left:104px;     top:2666.994px; width:167px; height:167px; }
.mti--grip  > span > img{ left:-137.36%; top: -50.36%; width:307.35%; height:171.54%; }

.m-tf-txt{
  position:absolute;
  font-weight:700; font-size:0; line-height:0;
  color:#fff; text-align:center; white-space:pre-wrap;
}
.m-tf-txt .t { font-size:14px; line-height:17.066px; }
.m-tf-txt .d { font-weight:500; font-size:12px; }
.m-tf-txt .l2 { line-height:24.000px; }
.m-tf-txt .ln { line-height:14.628px; }
.m-tf-txt .l12{ line-height:14.400px; }
.m-tf-txt .l13{ line-height:15.600px; }

.mtt--water{ left:45.110px; top:1665.570px; width:284.781px; height:83.392px;
             text-shadow:0 0 4px rgba(19,87,136,0); }
.mtt--flex { left:39.579px; top:1963.730px; width:295.843px; height:80.437px; }
.mtt--dry  { left:32.351px; top:2537.694px; width:310.298px; height:82.878px; }
.mtt--grip { left:34.838px; top:2844.994px; width:305.325px; height:69.842px;
             text-shadow:0 0 5px #000, 0 0 20px #000, 0 0 43.4px #000, 0 0 43.4px #000, 0 0 43.4px #000; }

/* «Шпоры на сапогах» · 2013:6371 */
.m-tf-spur{
  position:absolute; left:63.354px; top:2269.588px;
  width:248.291px; height:42.685px;
  font-weight:700; font-size:0; line-height:0;
  color:#fff; text-align:center;
}
.m-tf-spur .t   { font-size:14px; line-height:17.066px; }
.m-tf-spur .br20{ font-size:20px; line-height:24.380px; }
.m-tf-spur .d   { font-weight:500; font-size:12px; line-height:24.000px; }

/* ------------------------------------------------------------
   БЛОК 4 · Список причин 01–06
   Group 491 (2013:6634) · y 3538 … 4268
   Все размеры line-height взяты из Figma REST API (lineHeightPx).
   ------------------------------------------------------------ */

/* Подложка · Rectangle 101 (2013:6269) */
.m-rect101{ position:absolute; left:0; top:3470.312px; width:383.640px; height:109.682px; pointer-events:none; }

/* Маркеры: точка + линия с градиентом в прозрачность */
.m-nb{
  position:absolute; width:1.005px; display:block;
  background:linear-gradient(180deg,#fff 0%, rgba(255,255,255,0) 100%);
}
.m-nb::before{
  content:''; position:absolute; left:-2.179px; top:-2.681px;
  width:5.362px; height:5.362px; border-radius:50%; background:#fff;
}
.m-nb--1{ left:87.697px; top:3540.840px; height:118.704px; }
.m-nb--2{ left:87.693px; top:3673.121px; height:113.532px; }
.m-nb--3{ left:87.552px; top:3803.172px; height:111.650px; }
.m-nb--4{ left:87.740px; top:3934.956px; height:105.891px; }
.m-nb--5{ left:87.693px; top:4047.612px; height:143.934px; }
.m-nb--6{ left:87.697px; top:4199.463px; height: 64.554px; }

/* Номера · 32px Bold, lineHeightPx 39.008, по вертикали — по центру */
.m-num{
  position:absolute; width:81.233px;
  display:flex; flex-direction:column; justify-content:center;
  font-weight:700; font-size:32px; line-height:0; color:#fff;
}
.m-num p{ line-height:39.008px; }

/* Тексты пунктов · вертикальное выравнивание — по центру */
.m-ntx{
  position:absolute;
  display:flex; flex-direction:column; justify-content:center;
  font-weight:500; font-size:0; line-height:0; color:#fff;
}
.m-ntx p{ white-space:pre-wrap; }
.m-ntx .h    { font-weight:700; font-size:11px;    line-height:13.409px; }
.m-ntx .h11m { font-weight:500; font-size:11px;    line-height:13.409px; }
.m-ntx .br   { font-weight:500; font-size:12.48px; line-height:15.213px; }
.m-ntx .a    { font-size:8px;     line-height:12.800px; }   /* 160 % */
.m-ntx .b    { font-size:8px;     line-height: 9.375px; }
.m-ntx .c    { font-size:8px;     line-height: 9.752px; }
.m-ntx .a2   { font-size:8.736px; line-height:13.978px; }   /* 160 % */
.m-ntx .b2   { font-size:8.736px; line-height:10.237px; }

.m1-num{ left:29.082px; top:3538.280px; height:22.930px; }
.m1-txt{ left:105.105px; top:3538.280px; width:241.098px; height:109.887px; }
.m2-num{ left:29.035px; top:3675.162px; height:22.972px; }
.m2-txt{ left:105.105px; top:3675.162px; width:243.381px; height:109.981px; }
.m3-num{ left:29.113px; top:3809.284px; height:22.867px; }
.m3-txt{ left:105.195px; top:3809.284px; width:237.936px; height: 97.322px; }
.m4-num{ left:29.113px; top:3931.014px; height:21.952px; }
.m4-txt{ left:105.195px; top:3931.014px; width:237.936px; height: 89.818px; }
.m5-num{ left:29.113px; top:4044.614px; height:22.921px; }
.m5-txt{ left:105.195px; top:4044.614px; width:237.552px; height:126.939px; }
.m6-num{ left:29.051px; top:4196.832px; height:22.936px; }
.m6-txt{ left:104.812px; top:4195.558px; width:237.936px; height: 72.008px; }

/* ------------------------------------------------------------
   БЛОК 5 · Отзыв + CTA + скидка
   Group 505 (2013:6385) · Group 506 (2013:6390) · 2013:6395 / 2013:6396
   ------------------------------------------------------------ */

/* Отзывы · слайдер, 6 карточек (в кадре видна одна, как в макете) */
.m-rev{
  position:absolute; left:0; top:4301.376px; width:375px; height:272.932px;
  overflow-x:auto; overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:none; -ms-overflow-style:none;
}
.m-rev::-webkit-scrollbar{ display:none; }
.m-rev.is-drag{ cursor:grabbing; user-select:none; }
.m-rev__track{ position:relative; width:1396.127px; height:100%; }

.m-rev__card{
  position:absolute;
  border-radius:14.763px;
  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(8.208px); -webkit-backdrop-filter:blur(8.208px);
}
.m-rev__card::before{                       /* обводка 0.295 px внутрь */
  content:''; position:absolute; inset:0; border-radius:inherit; padding:0.295px;
  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;
}
.m-rev__ava{ position:absolute; display:block; object-fit:contain; }
.m-rev__txt{
  position:absolute;
  font-size:9px; line-height:11.880px; color:#fff; text-align:center;
  white-space:pre-wrap;
}
.m-rev__txt .q{ font-weight:700; }
.m-rev__txt .n{ font-weight:400; }

.m-rev--mihail{ left:   94.492px; top: 7.463px; width:186.018px; height:260.732px; }
.m-rev--andrey{ left:  333.016px; top:42.330px; width:186.623px; height:188.271px; }
.m-rev--anna{ left:  552.590px; top:49.310px; width:186.018px; height:174.312px; }
.m-rev--egor{ left:  771.562px; top: 0.000px; width:186.623px; height:272.932px; }
.m-rev--rostov{ left:  991.137px; top:42.009px; width:186.018px; height:188.912px; }
.m-rev--sergey{ left: 1210.109px; top:54.330px; width:186.018px; height:164.271px; }

.m-rev--mihail .m-rev__ava{ left:62.645px; top:10.995px; width:60.731px; height:63.079px; }
.m-rev--andrey .m-rev__ava{ left:62.945px; top:10.585px; width:60.731px; height:60.731px; }
.m-rev--anna .m-rev__ava{ left:62.645px; top:10.995px; width:60.731px; height:63.079px; }
.m-rev--egor .m-rev__ava{ left:62.945px; top:10.585px; width:60.731px; height:60.731px; }
.m-rev--rostov .m-rev__ava{ left:62.645px; top:10.995px; width:60.731px; height:63.079px; }
.m-rev--sergey .m-rev__ava{ left:62.645px; top:10.995px; width:60.731px; height:63.079px; }

.m-rev--mihail .m-rev__txt{ left: 6.625px; top:83.946px; width:172.771px; }
.m-rev--andrey .m-rev__txt{ left: 5.273px; top:83.485px; width:176.080px; }
.m-rev--anna .m-rev__txt{ left:17.539px; top:83.062px; width:150.942px; }
.m-rev--egor .m-rev__txt{ left: 5.273px; top:84.146px; width:176.080px; }
.m-rev--rostov .m-rev__txt{ left:12.961px; top:84.126px; width:160.094px; }
.m-rev--sergey .m-rev__txt{ left:17.539px; top:83.485px; width:150.942px; }

/* Кнопка «Заказать мои комфортные сапоги» · Group 506 (2013:6390) */
.m-order{
  position:absolute; left:23.020px; top:4614.782px;
  width:328.961px; height:61.754px; display:block;
}
.m-order__bg{
  position:absolute; left:-12.450px; top:-15.900px;
  width:353.859px; height:93.554px; display:block;
}
.m-order__bg img{ width:100%; height:100%; }
.m-order__label{
  position:absolute; left:12.671px; top:7.947px; width:303.618px;
  font-weight:600; font-size:20px; line-height:24.380px;
  text-transform:uppercase; text-align:center;
  background:linear-gradient(90deg,#121212 0%,#135788 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* Скидка */
.m-sale{
  position:absolute; left:9.031px; top:4696.234px; width:348.384px;
  font-weight:800; font-size:11px; line-height:13.409px;
  color:#fff; text-align:center;
}
.m-sale2{
  position:absolute; left:63.066px; top:4741.048px; width:240.310px;
  font-weight:500; font-size:8px; line-height:9.600px;
  color:#fff; text-align:center; text-shadow:0 1.085px 1.085px rgba(0,0,0,.35);
}


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

.m-sz-h{ position:absolute; left:37.887px; top:4792.630px; width:299.225px; text-align:center;
         font-size:20px; line-height:24.000px; color:#fff; }
.m-sz-h .a{ font-weight:500; }
.m-sz-h .b{ font-weight:800; }

.m-sz-p{ position:absolute; left:78.781px; top:4859.090px; width:217.436px; text-align:center;
         font-weight:500; font-size:8px;
         line-height:9.600px; color:#fff; white-space:pre-wrap; }

/* рисунки «как мерить» */
.m-sz-fig{ position:absolute; display:block; }
.m-sz-fig.f1{ left:19.434px; top:4926.999px; width:115.256px; height:57.416px; }
.m-sz-fig.f2{ left:160.039px; top:4929.350px; width:85.060px; height:53.588px; }
.m-sz-fig.f3{ left:270.684px; top:4932.455px; width:85.060px; height:50.185px; }
.m-sz-fig.r1{ left:49.781px; top:5017.625px; width:74.000px; height:36.000px; }
.m-sz-fig.r2{ left:172.984px; top:5017.625px; width:74.000px; height:36.000px; }
.m-sz-fig.r3{ left:276.512px; top:5017.701px; width:71.000px; height:34.000px; }

/* подписи ВЕРНО / НЕВЕРНО */
.m-sz-lb{ position:absolute; display:flex; align-items:center; justify-content:center;
        font-weight:800; font-size:10.6325px;
        line-height:12.759px; text-transform:uppercase;
        text-align:center; color:#fff; }
.m-sz-lb.l1{ left:40.758px; top:4982.219px; width:84.886px; height:35.406px; }
.m-sz-lb.l2{ left:160.039px; top:4982.594px; width:84.886px; height:34.503px; }
.m-sz-lb.l3{ left:270.684px; top:4983.495px; width:84.886px; height:33.585px; color:#3bd480; }

/* таблица размеров · Group 490 (2013:6397) */
.m-tbl{ position:absolute; left:29.805px; top:5071.054px; width:315.394px; height:200.371px; }
.m-tbl__z{ position:absolute; left:0; width:315.394px; height:26.086px;
           background:rgba(19,87,136,.45); }
.m-tbl__z.z1{ top:48.959px; }
.m-tbl__z.z2{ top:101.020px; }
.m-tbl__z.z3{ top:153.081px; }
.m-tbl__c{ position:absolute; display:flex; align-items:center; justify-content:center;
           text-align:center; color:#fff; }
.m-tbl__h{ top:0; height:18.103px; font-weight:700; font-size:8px; line-height:9.600px; }
.m-tbl__d{ height:16.433px; font-weight:500; font-size:8px; line-height:9.600px; }
/* колонки шапки */
.m-tbl .h1{ left:0.000px; width:73.795px; }
.m-tbl .h2{ left:65.805px; width:79.318px; }
.m-tbl .h3{ left:142.816px; width:79.318px; }
.m-tbl .h4{ left:206.844px; width:79.318px; }
.m-tbl .h5{ left:261.508px; width:53.886px; }
/* колонки данных (первый столбец в чётных строках сдвинут — так в макете) */
.m-tbl .c1{ left:24.242px; width:25.314px; }
.m-tbl .c2{ left:65.605px; width:74.441px; }
.m-tbl .c3{ left:140.047px; width:81.122px; }
.m-tbl .c4{ left:221.168px; width:44.856px; }
.m-tbl .c5{ left:266.027px; width:44.856px; }
.m-tbl .rb.c1{ left:24.645px; }
/* строки */
.m-tbl .r1{ top:27.700px; }
.m-tbl .r2{ top:53.787px; }
.m-tbl .r3{ top:79.817px; }
.m-tbl .r4{ top:105.847px; }
.m-tbl .r5{ top:131.878px; }
.m-tbl .r6{ top:157.908px; }
.m-tbl .r7{ top:183.938px; }
.m-tbl .s62{ font-size:6.88px; line-height:8.256px; }
.m-tbl .s63{ font-size:6.8219px; line-height:8.186px; }


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

/* --- Витрина: те же PNG, что и на десктопе, масштаб 0.39232 --- */
/* --- Подвал: брызги · water-splash-dark-background 5 (2023:7712)
   и синий фон · Rectangle 117 (2023:7713).
   Оба слоя повёрнуты на 90°, поэтому берём готовые рендеры Figma.
   На мобильном --over всегда 0, расширять слои не нужно.           */
.m-fsplash{
  position:absolute; left:61.360px; top:5340.240px;
  width:313.640px; height:665.750px;
  mix-blend-mode:plus-lighter; pointer-events:none;
}
.m-fglow{
  position:absolute; left:-62.660px; top:5133.060px;
  width:930.620px; height:1173.490px;
  pointer-events:none;
}
.m-fsplash img, .m-fglow img{ display:block; width:100%; height:100%; }

/* --- «Идеальный подарок!» -------------------------------------------
   В Figma мобильного кадра для новых блоков нет, поэтому раскладка
   наша: повторяем структуру нового десктопа (Frame 17), а размеры
   берём по мобильному ритму макета — заголовок 20px, текст 10px.   */
.m-gift-h{
  position:absolute; left:29.805px; top:5320.000px; width:315.394px;
  font-weight:700; font-size:20px; line-height:24.000px; color:#fff;
}
.m-gift-p{
  position:absolute; left:29.805px; top:5356.000px; width:315.394px;
  font-weight:500; font-size:10px; line-height:12.190px; color:#fff;
  white-space:pre;
}

/* ------------------------------------------------------------
   Баннеры Finboot · мобильная раскладка (наша)
   Карточка 375 × 300: фото на всю ширину, вуаль сверху, затемнение
   слева, снимок сапог слева, заголовок и кнопка справа.
   ------------------------------------------------------------ */
.m-bn-bg{
  position:absolute; left:0; width:375px; height:300px;
  object-fit:cover; object-position:58% 50%; pointer-events:none;
}
.m-bn-top{
  position:absolute; left:0; width:375px; height:38px; pointer-events:none;
  background:linear-gradient(180deg, rgba(18,18,18,.74) 0%, rgba(0,0,0,0) 100%);
}
.m-bn-shade{
  position:absolute; left:0; width:250px; height:300px; pointer-events:none;
  background:linear-gradient(270deg, rgba(0,0,0,0) 31px, rgba(0,0,0,.86) 236px);
}
.m-bn-boots{ position:absolute; left:4px; width:167px; height:200px; display:block; }
.m-bn-title{
  position:absolute; left:180px; width:190px; color:#fff;
  font-weight:900; font-size:30px; line-height:36.600px;
  text-transform:uppercase;
}
.m-bn-glow{ position:absolute; left:100px; width:340px; height:20px;
            mix-blend-mode:screen; pointer-events:none; }
.m-bn-glow img{ display:block; width:100%; height:100%; }
.m-bn-btn{
  position:absolute; left:180px; width:150px; height:34px; display:block;
  border-radius:8px; background:#fff;
  box-shadow:0 0 6px rgba(27,160,255,1), 0 0 7px rgba(0,0,0,.82);
}
.m-bn-btn span{
  position:absolute; left:0; top:7px; width:150px;
  font-weight:600; font-size:16px; line-height:19.500px;
  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 --- */
.m-bn-bg.b1   { top:5470px; }
.m-bn-top.b1  { top:5470px; }
.m-bn-shade.b1{ top:5470px; }
.m-bn-boots.b1{ top:5558px; }
.m-bn-title.b1{ top:5550px; }
.m-bn-glow.b1 { top:5667px; }
.m-bn-btn.b1  { top:5660px; }

/* --- Баннер 2 · Finboot Black (зеркально: сапоги справа) --- */
.m-bn-shade.b2{
  left:125px; width:250px;
  background:linear-gradient(90deg, rgba(0,0,0,0) 31px, rgba(0,0,0,.86) 236px);
}
.m-bn-title.b2{ left:5px; width:190px; text-align:right; }
.m-bn-boots.b2{ left:208px; width:158px; height:200px; }
.m-bn-btn.b2  { left:45px; }
.m-bn-glow.b2 { left:-65px; }

.m-bn-bg.b2   { top:5770px; }
.m-bn-top.b2  { top:5770px; }
.m-bn-shade.b2{ top:5770px; }
.m-bn-title.b2{ top:5850px; }
.m-bn-boots.b2{ top:5858px; }
.m-bn-glow.b2 { top:5967px; }
.m-bn-btn.b2  { top:5960px; }

/* --- Баннер 3 · Finboot Sand (верхней вуали, как и в макете, нет) --- */
.m-bn-bg.b3   { top:6070px; }
.m-bn-shade.b3{ top:6070px; }
.m-bn-title.b3{ top:6150px; }
.m-bn-boots.b3{ top:6158px; }
.m-bn-glow.b3 { top:6267px; }
.m-bn-btn.b3  { top:6260px; }

/* --- Большое фото над подвалом --- */
.m-fphoto{
  position:absolute; left:0; top:6370px; width:375px; height:340px;
  object-fit:cover; object-position:50% 35%; pointer-events:none;
}
.m-fphoto-top{
  position:absolute; left:0; top:6370px; width:375px; height:48px; pointer-events:none;
  background:linear-gradient(180deg, #121212 0%, rgba(0,0,0,0) 100%);
}
.m-fphoto-b{
  position:absolute; left:0; top:6650px; width:375px; height:60px; pointer-events:none;
  background:linear-gradient(0deg, #121212 0%, rgba(0,0,0,0) 100%);
}

/* --- Подвал (в макете Gilroy-Medium, берём Montserrat Medium) --- */
.m-foot-l{
  position:absolute; left:29.805px; top:6728.000px; width:116.565px;
  font-weight:500; font-size:8px; line-height:9.704px; color:#fff;
  white-space:pre;
}
.m-foot-r{
  position:absolute; left:262.301px; top:6748.000px; width:93.882px;
  font-weight:500; font-size:8px; line-height:9.704px; color:#fff;
  text-align:right; white-space:pre;
}
/* Надпись FINBOOT — SVG-рендер текста Gilroy-BlackItalic из Figma;
   холст SVG (87x44) совпадает с боксом текста.                      */
.m-foot-logo{ position:absolute; left:144.310px; top:6756.000px; width:87px; height:44px; display:block; }
.m-foot-logo img{ display:block; width:100%; height:100%; }


/* ------------------------------------------------------------
   БАЗОВЫЕ ЛИНИИ · компенсация модели Figma (см. desktop.css)
   Значения измерены по собственному рендеру Figma (375 × 5782).
   ------------------------------------------------------------ */
.m-season .s1, .m-season .s3, .m-season .s4, .m-season .s4a, .m-season .s5,
.m-tech-intro p, .m-tech-intro .a, .m-tech-intro .b, .m-tech-intro .c,
.m-tech-h2 .a, .m-tech-h2 .b,
.m-tf-txt .t, .m-tf-txt .l2, .m-tf-txt .ln, .m-tf-txt .ln0,
.m-tf-txt .l12, .m-tf-txt .l13,
.m-tf-spur .t, .m-tf-spur .d,
.m-ntx .h, .m-ntx .h11m, .m-ntx .br, .m-ntx .a, .m-ntx .a2,
.m-ntx .b, .m-ntx .b0, .m-ntx .b2, .m-ntx .c, .m-ntx .c0{ position:relative; }

/* новые прогоны наследуют размеры «родных» классов */
.m-tf-txt .ln0{ line-height:14.628px; }
.m-ntx .b0   { font-size:8px; line-height: 9.375px; }
.m-ntx .c0   { font-size:8px; line-height: 9.752px; }

/* Блок 1 */
.m-lead{ top: calc(422.875px + 1.140px); }

/* Блок 2 */
.m-season .s1 { top: 1.060px; }
.m-season .s3 { top: 2.740px; }
.m-season .s4a{ font-size:10px; line-height:12.190px; }
.m-season .s4 { top:  0.760px; }
.m-season .s4a,
.m-season .s5 { top: -0.210px; }

/* Блок 3 */
.m-tech-intro p:nth-of-type(1){ top: 1.480px; }
.m-tech-intro .a, .m-tech-intro .b{ top: 15.370px; }
.m-tech-intro .c                  { top: 6.160px; }
.m-tech-h2 .a { top: -0.140px; }
.m-tech-h2 .b { top: -0.500px; }

.mtt--water .t { top:  0.420px; }
.mtt--water .l2{ top:  4.420px; }
.mtt--water .ln{ top:  0.790px; }

.mtt--flex .t  { top:  0.840px; }
.mtt--flex .l2 { top:  6.130px; }
.mtt--flex .l12{ top: -0.740px; }

.m-tf-spur .t  { top: -0.020px; }
.m-tf-spur .d  { top: -1.030px; }

.mtt--dry .t   { top:  0.940px; }
.mtt--dry .l2,
.mtt--dry .ln0 { top:  3.930px; }
.mtt--dry .ln  { top:  0.680px; }

.mtt--grip .t  { top:  1.080px; }
.mtt--grip .l2 { top:  7.950px; }
.mtt--grip .l13{ top:  1.810px; }

/* Блок 4 */
.m1-txt .h, .m1-txt .br              { top:  0.580px; }
.m1-txt .a { top:  0.270px; }  .m1-txt .b { top: -0.120px; }  .m1-txt .c{ top: 0.080px; }
.m2-txt .h, .m2-txt .h11m, .m2-txt .br{ top: -0.760px; }
.m2-txt .a { top: -1.030px; }  .m2-txt .b { top: -0.520px; }
.m3-txt .h, .m3-txt .br              { top: -1.040px; }
.m3-txt .a, .m3-txt .b0{ top: -1.060px; }  .m3-txt .b{ top: -1.040px; }
.m4-txt .h, .m4-txt .h11m, .m4-txt .br{ top: -0.380px; }
.m4-txt .a, .m4-txt .b0{ top: -0.680px; }  .m4-txt .b{ top:  0.420px; }
.m5-txt .h, .m5-txt .h11m, .m5-txt .br{ top: -2.740px; }
.m5-txt .a2{ top: -2.930px; }  .m5-txt .b2{ top: -1.010px; }
.m6-txt .h, .m6-txt .h11m, .m6-txt .br{ top: -0.160px; }
.m6-txt .a2{ top:  0.940px; }
.m6-txt .a, .m6-txt .c0{ top: 0.470px; }  .m6-txt .c{ top: -0.820px; }

/* Блок 5 */
.m-sale2{ top: calc(4741.048px + 0.940px); }   /* absolute — правим сам top */

/* Блок 6 */
.m-sz-p .a, .m-sz-p .a2, .m-sz-p .b, .m-sz-p .b2,
.m-sz-lb span, .m-tbl__c span{ position:relative; }
.m-sz-p .a { top: 0.600px; }   .m-sz-p .a2{ top: 1.210px; }
.m-sz-p .b { top: 1.770px; }   .m-sz-p .b2{ top: 2.670px; }
.m-sz-lb.l1 span{ top: 0.580px; }
.m-tbl__h span{ top: 0.720px; }

/* Блок 7 */
.m-gift-h, .m-gift-p span, .m-foot-l span, .m-foot-r span{ position:relative; }
.m-gift-h    { top: 5320.000px; }
.m-gift-p .l1{ top:-0.060px; }  .m-gift-p .l2{ top:-0.200px; }  .m-gift-p .l3{ top:-0.230px; }
.m-gift-p .l4{ top:-0.960px; }  .m-gift-p .l6{ top:-0.950px; }  .m-gift-p .l7{ top:-0.860px; }
.m-gift-p .l8{ top:-1.880px; }  .m-gift-p .l9{ top:-2.030px; }
.m-foot-l .l1{ top:-0.220px; }  .m-foot-l .l2{ top: 0.030px; }  .m-foot-l .l3{ top: 0.470px; }
.m-foot-l .l4{ top: 0.730px; }  .m-foot-l .l5{ top: 0.570px; }

/* Заголовок первого экрана: строки стояли выше макета на 7.3 и 4.4 px */
.m-title .ln1, .m-title .ln2{ position:relative; }
.m-title .ln1{ top: 9.710px; }
.m-title .ln2{ top:10.250px; }