/* Називін® — nasivin.tabletki.ua
   Одиниця макета: --u = 1 px макета (390 на мобайлі, 1280 на десктопі).
   Числа з суфіксом «u» у вихідному файлі розгортаються збіркою в calc(N * var(--u)). */

@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/inter-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/inter-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/inter-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/inter-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geologica;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/geologica-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

:root{
  --u: calc(100cqw / 390);
  --white:#fff;
  --ink:#00433b;
  --green:#43b02a;
  --teal:#42bfb2;
  --teal-top:#40bbae;
  --deep:#1b746a;
  --deep-2:#1a7369;
  --pill-dark:#00423a;
  --mint-top:#e8f9f7;
  --mint-bottom:#97ede3;

  /* Плашка самолікування: висота БУКВ у % висоти екрана.
     Частка букв у боксі графіки виміряна растром (див. README). */
  --warn-cap: 17.5;
  --warn-cap-ratio: .905;        /* двохрядкова графіка (виміряно растром з запасом) */
  --warn-h: calc(var(--warn-cap) / var(--warn-cap-ratio) * 1vh);
}
@supports (height:1svh){:root{--warn-h: calc(var(--warn-cap) / var(--warn-cap-ratio) * 1svh)}}
@media (min-aspect-ratio: 872/1000){
  :root{--warn-cap-ratio: .830}  /* однорядкова графіка (виміряно растром з запасом) */
}
@media (min-width:900px){
  :root{--u: calc(min(100cqw, 1280px) / 1280)}
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--deep);color:var(--white);font-family:Inter,Arial,sans-serif;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;-moz-osx-font-smoothing:grayscale;padding-bottom:var(--warn-h);overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
img,svg{display:block;max-width:none}
h1,h2,h3,p,ul,ol{margin:0;padding:0;font-weight:inherit}
ul,ol{list-style:none}
a{color:inherit}
b{font-weight:700}
.nw{white-space:nowrap}
@media (max-width:899.98px){.br-d{display:none}}

.page{container-type:inline-size;width:100%}
.wrap{position:relative;width:calc(390 * var(--u));margin:0 auto}
@media (min-width:900px){.wrap{width:calc(1280 * var(--u))}}

/* ---------- Текст: бокс = від верху великих до базової лінії (як у Figma, vertical trim) ---------- */
.tx{
  --fpx: calc(var(--fs) * var(--u));
  --lpx: calc(var(--lh, calc(var(--fs) * 1.2102)) * var(--u));
  font-size:var(--fpx);line-height:var(--lpx);
  margin-block:calc(var(--fpx) * var(--k, .3636) - var(--lpx) / 2);
}
.geo{font-family:Geologica,Arial,sans-serif;font-weight:600;--k:.35}
.w4{font-weight:400}.w6{font-weight:600}.w7{font-weight:700}
.c{text-align:center}
sup{font-size:.6em;line-height:0;vertical-align:baseline;position:relative;top:-.62em}
sup.r{font-size:.56em;top:-.66em}

/* ---------- Абсолютно позиціоновані вузли: --x --y --w --h у px макета ---------- */
.ab{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h, var(--w)) * var(--u))}

.fill{position:absolute;inset:0;pointer-events:none}
.h-pack{z-index:1}

/* Пачки: PNG обрізано по вмісту, позиція всередині квадрата вузла у % */
.pk{position:absolute}
.pk img{position:absolute;display:block}
.pk--sens img{left:25.3%;top:9.6%;width:49.45%;height:89.1%}
.pk--dose img{left:24.25%;top:3.9%;width:49.65%;height:86.8%}
.pk--drop img{left:25.3%;top:9.95%;width:49.75%;height:88.8%}
.pk picture{display:contents}

/* Світіння під пачками (Ellipse з LAYER_BLUR) */
.glow{position:absolute;pointer-events:none;
  background:radial-gradient(closest-side, rgba(255,255,255,var(--a,1)), rgba(255,255,255,0));
  filter:blur(calc(var(--b) * var(--u)))}

/* ---------- Кнопки: один стан, на hover/active змінюється тільки масштаб ---------- */
.btn{display:flex;align-items:center;justify-content:center;background:var(--green);color:var(--white);text-decoration:none;
  -webkit-tap-highlight-color:transparent;transition:scale .25s ease;position:relative;z-index:2}
.btn:hover{scale:1.05}
.btn:active{scale:.96}
.btn:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.btn .logo{flex:none}
/* область натискання не менше 44 px по висоті, геометрія кнопки не змінюється */
.btn::after{content:"";position:absolute;left:0;right:0;top:min(0px, calc((100% - 44px) / 2));bottom:min(0px, calc((100% - 44px) / 2))}
.btn--card{width:calc(300 * var(--u));height:calc(38.8 * var(--u));border-radius:calc(13.18 * var(--u));gap:calc(11.45 * var(--u))}
.btn--card .tx{--fs:15.695;--lh:22.448;white-space:nowrap}
.btn--card .logo{width:calc(131.643 * var(--u));height:calc(15.907 * var(--u))}
@media (min-width:900px){
  .btn--card{width:calc(312.9 * var(--u));height:calc(40.5 * var(--u));border-radius:calc(13.748 * var(--u));gap:calc(11.943 * var(--u))}
  .btn--card .tx{--fs:16.37;--lh:23.414}
  .btn--card .logo{width:calc(137.308 * var(--u));height:calc(16.592 * var(--u))}
}

/* ================= 1. Перший екран ================= */
.s1{position:relative;overflow:hidden;background:var(--teal)}
.s1 .wrap{height:calc(492.233 * var(--u))}
.h-photo{--x:-53.3;--y:-89.9;--w:450.5;--h:386;overflow:hidden}
.h-photo img{position:absolute;left:0;top:26.901%;width:111.45%;height:73.099%;object-fit:cover}
.h-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 26.985%,rgba(255,255,255,0) 43.102%)}
.h-shade{--x:-20.5;--y:232.1;--w:410.5;--h:260.1;background:linear-gradient(0deg,var(--deep-2) 0%,var(--teal) 75.48%,rgba(66,191,178,0) 100%)}
.h-pill{--x:86.3;--y:275.7;--w:283.423;--h:154.65;border-radius:0 calc(77.325 * var(--u)) calc(77.325 * var(--u)) 0;
  background:linear-gradient(270deg,var(--pill-dark) 0%,var(--teal) 122.5%)}
.h-col{position:absolute;left:calc(185 * var(--u));top:calc(299 * var(--u));width:calc(133 * var(--u));display:flex;flex-direction:column;align-items:flex-start;gap:calc(18.663 * var(--u))}
.h-col h1{--fs:15.913;--lh:22.76}
.btn--hero{flex-direction:column;align-items:flex-start;justify-content:center;width:calc(133 * var(--u));height:calc(54.8 * var(--u));border-radius:calc(11.176 * var(--u));
  padding:0 0 0 calc(10.729 * var(--u));gap:calc(12.208 * var(--u))}
.btn--hero .tx{--fs:13.308;--lh:19.034}
.btn--hero .logo{width:calc(111.624 * var(--u));height:calc(13.488 * var(--u))}
.h-prod{--x:-35.2;--y:221.2;--w:263.304;z-index:1}
.h-glow{--x:-8.6;--y:438.6;--w:235.6;--h:40.2;--b:5.43}

@media (min-width:900px){
  .s1{background:linear-gradient(90deg,var(--deep-2) 50%,var(--teal) 50%)}
  .s1 .wrap{height:calc(514.43 * var(--u))}
  .h-photo{--x:628.86;--y:-124.557;--w:745.904;--h:638.987}
  .h-shade{--x:0;--y:-12.152;--w:929.21;--h:526.83;background:linear-gradient(90deg,var(--deep-2) 0%,var(--teal) 75.48%,rgba(66,191,178,0) 100%)}
  .h-pill{--x:85.063;--y:86.076;--w:686.582;--h:305.823;border-radius:0 calc(152.91 * var(--u)) calc(152.91 * var(--u)) 0;
    background:linear-gradient(270deg,var(--pill-dark) 0%,var(--teal) 100%)}
  .h-col{left:calc(357.468 * var(--u));top:calc(154.937 * var(--u));width:calc(355.443 * var(--u));gap:calc(41.519 * var(--u))}
  .h-col h1{--fs:35.401;--lh:50.633}
  .btn--hero{width:calc(223.797 * var(--u));height:calc(92.152 * var(--u));border-radius:calc(18.807 * var(--u));padding-left:calc(18.054 * var(--u));gap:calc(20.542 * var(--u))}
  .btn--hero .tx{--fs:22.394;--lh:32.029}
  .btn--hero .logo{width:calc(187.828 * var(--u));height:calc(22.697 * var(--u))}
  .h-prod{--x:-55.696;--y:0;--w:491.139}
  .h-glow{--x:-6.076;--y:405.57;--w:439.494;--h:74.937;--b:10.127}
}
/* На широких екранах фото закінчується в межах макета — м'яко гасимо правий край */
@media (min-width:1471px){
  .h-photo{-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}
}

/* ================= Скруглення між секціями ================= */
.corners-b,.corners-t{position:relative}
.corners-b::after,.corners-t::before{content:"";position:absolute;left:0;right:0;height:var(--r);pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at var(--cx1) var(--cy), transparent calc(var(--r) - .5px), var(--cc) var(--r)) left / var(--r) var(--r) no-repeat,
    radial-gradient(circle at var(--cx2) var(--cy), transparent calc(var(--r) - .5px), var(--cc) var(--r)) right / var(--r) var(--r) no-repeat}
.corners-b{--r:calc(53.26 * var(--u))}
.corners-b::after{bottom:0;--cc:var(--mint-top);--cy:0;--cx1:100%;--cx2:0}
.corners-t{--r:calc(53.26 * var(--u))}
.corners-t::before{top:0;--cc:var(--mint-bottom);--cy:100%;--cx1:100%;--cx2:0}
@media (min-width:900px){.corners-b,.corners-t{--r:calc(133.671 * var(--u))}}

/* ================= 2. Для кожного носика ================= */
.s2{background:linear-gradient(180deg,var(--teal-top) 0%,var(--deep) 100%);overflow:hidden}
.s2 .wrap{display:flex;flex-direction:column;align-items:center;gap:calc(20.528 * var(--u));padding:calc(32.682 * var(--u)) 0}
.s2 h2{--fs:25.419;--lh:31;width:calc(299.218 * var(--u))}
.s2 .lead{--fs:14.525;--lh:18;width:calc(299.218 * var(--u))}
.cards{display:flex;flex-direction:column;align-items:center;gap:calc(36.313 * var(--u));width:calc(300 * var(--u))}
.card{display:flex;flex-direction:column;align-items:center;gap:calc(18.662 * var(--u));width:calc(300 * var(--u))}
.card-img{position:relative;width:calc(217.877 * var(--u));height:calc(206.081 * var(--u))}
.card--1 .card-img{height:calc(206.775 * var(--u))}
.card-txt{display:flex;flex-direction:column;align-items:center;gap:calc(13.063 * var(--u));width:calc(280.864 * var(--u))}
.card-txt h3{--fs:14.93;--lh:18;width:calc(187.554 * var(--u))}
.card--2 .card-txt h3{width:calc(233.276 * var(--u))}
.bul{--fs:13.063;--lh:16;width:calc(233.276 * var(--u))}
.card--2 .bul{width:calc(316.322 * var(--u))}
.bul li{position:relative;padding-left:1.61em}
.bul li::before{content:"";position:absolute;left:.6em;top:.43em;width:.27em;height:.27em;border-radius:50%;background:currentColor}
.pk--c1{--x:.2;--y:-5.1;--w:217.2}
.pk--c2{--x:0;--y:-.3;--w:217.877}
.pk--c3{--x:0;--y:-.2;--w:217.877}
.card .glow{--x:34.7;--y:180.2;--w:152.7;--h:26;--b:3.52}
.card--1 .glow{--y:180.8}

@media (min-width:900px){
  .s2 .wrap{gap:calc(22.278 * var(--u));padding:calc(60.759 * var(--u)) calc(105.316 * var(--u))}
  .s2 h2{--fs:32.405;--lh:50.633;width:auto}
  .s2 .lead{--fs:18.228;--lh:22;width:calc(1013.671 * var(--u))}
  .cards{flex-direction:row;align-items:center;gap:calc(57.722 * var(--u));width:auto}
  .card{gap:calc(20.253 * var(--u));width:calc(317.975 * var(--u))}
  .card--3{align-self:stretch}
  .card--3 .card-txt{flex:1 0 0}
  .card-img{width:calc(317.975 * var(--u));height:calc(300.759 * var(--u))}
  .card--1 .card-img{height:calc(301.772 * var(--u))}
  .card-txt{gap:calc(14.177 * var(--u));width:calc(304.81 * var(--u))}
  .card-txt h3{--fs:16.203;--lh:20;width:calc(203.544 * var(--u))}
  .card--2 .card-txt h3{width:calc(253.165 * var(--u))}
  .bul{--fs:14.177;--lh:17;width:calc(253.165 * var(--u))}
  .card--2 .bul{width:calc(343.291 * var(--u))}
  .pk--c1{--x:.475;--y:-7.595;--w:317}
  .pk--c2{--x:0;--y:-.506;--w:317.975}
  .pk--c3{--x:0;--y:-.2;--w:317.975}
  .card .glow{--x:50.632;--y:263.125;--w:222.88;--h:37.975;--b:5.133}
  .card--1 .glow{--y:263.797}
}

/* ================= 3. Показання ================= */
.s3{background:linear-gradient(180deg,var(--mint-top) 0%,var(--mint-bottom) 100%);color:var(--ink)}
.s3 .wrap{display:flex;flex-direction:column;align-items:center;gap:calc(32.682 * var(--u));padding:calc(32.682 * var(--u)) calc(37.329 * var(--u))}
.s3 h2{--fs:25.419;--lh:23.929;width:calc(315.342 * var(--u))}
.rh{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(28.236 * var(--u));width:calc(344.183 * var(--u))}
.rh-card{display:flex;flex-direction:column;align-items:center;gap:calc(9.572 * var(--u));width:calc(157.932 * var(--u))}
.rh-card:nth-child(3){margin-bottom:calc(-5.3 * var(--u))}
.rh-card h3{--fs:14.525;--lh:18;width:100%}
.rh-ph{width:100%;height:calc(108.682 * var(--u));margin-block:calc(-1.8395 * var(--u));border-top:calc(3.679 * var(--u)) solid var(--deep);border-bottom:calc(3.679 * var(--u)) solid var(--deep);
  border-radius:calc(3.679 * var(--u)) calc(14.715 * var(--u));overflow:hidden;background:var(--deep)}
.rh-ph img{width:100%;height:100%;object-fit:cover}
.s3 .note{--fs:10.894;--lh:13;width:calc(346.03 * var(--u));flex:none;white-space:nowrap}
@media (min-width:900px){
  .s3 .wrap{gap:calc(40.506 * var(--u));padding:calc(60.759 * var(--u)) calc(78.987 * var(--u))}
  .s3 h2{--fs:32.405;--lh:50.633;width:100%}
  .rh{flex-wrap:nowrap;gap:calc(59.747 * var(--u));width:100%}
  .rh-card{gap:calc(20.253 * var(--u));width:calc(334.177 * var(--u))}
  .rh-card:nth-child(3){margin-bottom:0}
  .rh-card h3{--fs:16.203;--lh:20}
  .rh-ph{height:calc(229.966 * var(--u));margin-block:calc(-3.892 * var(--u));border-top-width:calc(7.784 * var(--u));border-bottom-width:calc(7.784 * var(--u));border-radius:calc(7.784 * var(--u)) calc(31.137 * var(--u))}
  .s3 .note{--fs:18.228;--lh:22;width:auto}
}

/* ================= 4. Спосіб застосування ================= */
.s4{background:linear-gradient(180deg,var(--teal-top) 0%,var(--deep) 100%);overflow:hidden}
.s4 .wrap{display:flex;flex-direction:column;align-items:center;gap:calc(31.245 * var(--u));padding:calc(41.659 * var(--u)) 0}
.s4 h2{--fs:25.419;--lh:34.716;width:calc(293.045 * var(--u));position:relative;z-index:2}
.use{display:flex;flex-direction:column;align-items:center;gap:calc(18.914 * var(--u));position:relative;z-index:2}
.use-a{position:relative;width:calc(390 * var(--u));height:calc(293.5 * var(--u))}
.use-b{position:relative;width:calc(247.394 * var(--u));height:calc(290 * var(--u))}
.use p{--fs:11.109;--lh:13;position:absolute}
.use-a p{left:calc(65.394 * var(--u));top:calc(258.8 * var(--u));width:calc(259.212 * var(--u))}
.use-b p{left:calc(5.121 * var(--u));top:calc(255.3 * var(--u));width:calc(237.152 * var(--u))}
.use-a .glow{--x:16.6;--y:204.9;--w:357.7;--h:30.7;--b:3.99;--a:.7}
.pk--u1{--x:140.2;--y:2.8;--w:252}
.pk--u2{--x:-4.7;--y:-4.2;--w:252}
.use-b .glow{--x:35.4;--y:199.7;--w:173.4;--h:29.6;--b:3.99}
.pk--u3{--x:-4;--y:-5.1;--w:247.394}
.s4 .note{--fs:10.894;--lh:13;position:relative;z-index:2}
.s4-halo{display:none}
@media (min-width:900px){
  .s4 .wrap{gap:calc(45.57 * var(--u));padding:calc(60.759 * var(--u)) calc(133.165 * var(--u))}
  .s4 h2{--fs:32.405;--lh:50.633;width:100%}
  .use{flex-direction:row;align-items:flex-start;justify-content:center;gap:calc(81.013 * var(--u));width:calc(1013.671 * var(--u))}
  .use-a{width:calc(568.808 * var(--u));height:calc(428.1 * var(--u))}
  .use-b{width:calc(360.819 * var(--u));height:calc(422.9 * var(--u))}
  .use p{--fs:16.203;--lh:20}
  .use-a p{left:calc(95.376 * var(--u));top:calc(377.5 * var(--u));width:calc(378.056 * var(--u))}
  .use-b p{left:calc(7.469 * var(--u));top:calc(372.3 * var(--u));width:calc(345.881 * var(--u))}
  .use-a .glow{--x:23.5;--y:299.5;--w:522.6;--h:44.9;--b:5.834}
  .pk--u1{--x:204.2;--y:4.2;--w:368.2}
  .pk--u2{--x:-8.2;--y:-6;--w:368.2}
  .use-b .glow{--x:51.7;--y:291.3;--w:252.9;--h:43.1;--b:5.826}
  .pk--u3{--x:-5.8;--y:-7.5;--w:360.819}
  .s4 .note{--fs:18.228;--lh:22}
  .s4-halo{display:block;position:absolute;left:calc(47.1 * var(--u));top:calc(341.26 * var(--u));width:calc(1185.8 * var(--u));height:calc(190.4 * var(--u));border-radius:50%;
    background:var(--deep);filter:blur(calc(69.316 * var(--u)));pointer-events:none;z-index:1}
}

/* ================= 5. Помічник ================= */
.s5{background:var(--deep)}
.s5 .wrap{display:flex;flex-direction:column;align-items:center;gap:calc(38.257 * var(--u));padding:calc(32.682 * var(--u)) 0}
.s5 h2{--fs:25.419;--lh:31;width:calc(303.939 * var(--u))}
.feat{position:relative;width:calc(303.575 * var(--u));height:calc(544.034 * var(--u))}
.feat-txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:calc(55.986 * var(--u));width:calc(303.575 * var(--u))}
.feat-txt p{--fs:14.525;--lh:18}
.feat-ph{--x:.7;--y:373.3;--w:303.2;--h:170.6;overflow:hidden;border-radius:0 0 calc(14.53 * var(--u)) calc(14.53 * var(--u));
  -webkit-mask-image:linear-gradient(0deg,#000 25.29%,rgba(0,0,0,.557) 36.06%,rgba(0,0,0,.369) 53.44%,rgba(0,0,0,.165) 75.39%,transparent 100%);
  mask-image:linear-gradient(0deg,#000 25.29%,rgba(0,0,0,.557) 36.06%,rgba(0,0,0,.369) 53.44%,rgba(0,0,0,.165) 75.39%,transparent 100%)}
.feat-ph img{width:100%;height:100%;object-fit:cover}
@media (min-width:900px){
  .s5 .wrap{gap:calc(41.519 * var(--u));padding:calc(60.759 * var(--u)) calc(62.785 * var(--u))}
  .s5 h2{--fs:32.405;--lh:50.633;width:100%}
  .feat{width:calc(1153.418 * var(--u));height:calc(406.076 * var(--u))}
  .feat-txt{gap:calc(60.759 * var(--u));width:calc(496.203 * var(--u))}
  .feat-txt p{--fs:18.228;--lh:22}
  .feat-ph{--x:433.6;--y:.9;--w:720.2;--h:405.2;border-radius:0 calc(67.12 * var(--u)) calc(67.12 * var(--u)) 0;
    -webkit-mask-image:linear-gradient(270deg,#000 41.47%,transparent 100%);mask-image:linear-gradient(270deg,#000 41.47%,transparent 100%)}
}

/* ================= 6. Обов'язкова інформація =================
   Кегль не менший за макетний: max(макет px, макет × масштаб). */
.s6{background:var(--deep)}
.s6 .wrap{display:flex;flex-direction:column;align-items:center;gap:calc(18.662 * var(--u));padding:calc(32.682 * var(--u))}
.legal{--fpx:max(7.263px, calc(7.263 * var(--u)));--lpx:calc(var(--fpx) * 1.2392);width:100%}
.legal li{position:relative;padding-left:1.62em;counter-increment:n}
ol.legal{counter-reset:n}
.legal li::before{content:counter(n) ".";position:absolute;left:.4em}
@media (min-width:900px){
  .s6 .wrap{gap:calc(20.253 * var(--u));padding:calc(40.506 * var(--u)) calc(62.785 * var(--u))}
  .legal{--fpx:max(12.152px, calc(12.152 * var(--u)));--lpx:calc(var(--fpx) * 1.2344)}
}

/* ================= Плашка самолікування ================= */
.warn{position:fixed;left:0;right:0;bottom:0;z-index:50;height:var(--warn-h);background:#fff;pointer-events:none}
.warn svg{position:absolute;inset:0;width:100%;height:100%}
.warn .w-one{display:none}
@media (min-aspect-ratio: 872/1000){
  .warn .w-one{display:block}
  .warn .w-two{display:none}
}

/* ================= Анімації появи (одноразові) ================= */
.js [data-rv]{opacity:0;translate:0 42px;transition:opacity .9s ease,translate .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.js [data-rv].in{opacity:1;translate:none}
@media (prefers-reduced-motion:reduce){
  .js [data-rv]{opacity:1;translate:none;transition:none}
  .btn{transition:none}
}